如何在自动生成列时制作垂直列 headers？

Question

如何在制表符中自动生成垂直列headers ] js库？

我这样做了，效果很好：

    //define data
    var tabledata = {!!$one!!}

    //define table
    var table = new Tabulator("#table-1", {
        data:tabledata,
        autoColumns:true,
        layout:"fitColumns",
    });

但是，当我添加 "headerVertical:true" 时，它没有任何变化：

    //define data
    var tabledata = {!!$one!!}

    //define table
    var table = new Tabulator("#table-1", {
        data:tabledata,
        autoColumns:true,
        headerVertical:true,
        layout:"fitColumns",
    });

任何人都可以帮助我在自动生成列时制作垂直列 headers 吗？

Answer 1

headerVertical 仅在您按照 documentation 定义列时才有效，您如何使用简单的 css 来实现这一点 https://jsfiddle.net/dota2pro/t0gw9jbp/5/

旋转 180 度使用 CSS rotate

   .tabulator-col-title {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 20px;
  /* if you use rotate change this to paddig-bottom*/
  transform: rotate(180deg);
  /* incase of rotation*/
}

如何在自动生成列时制作垂直列 headers？

how to make vertical column headers on automatic column generation?

laravel

tabulator