如何将列 header 调整到 dxdatagrid 的 left-bottom

Question

我有一个 dxdatagrid。

我想适应第 header、left-bottom 列。

所以，为了说明，我添加了一个快照。

                onCellPrepared: function(options) {
                    if (options.rowType == 'header'){
                        if (options.column.dataField == "salary")
                            options.cellElement.css({ 'transform': 'rotate(90deg)', 'transform-origin': '60% 10%', 'height': '100px' });
                        else if (options.column.dataField == "isActive")
                            options.cellElement.css({ 'transform': 'rotate(90deg)', 'transform-origin': '40% 20%', 'height': '100px' });
                        else
                            options.cellElement.css({ 'transform': 'rotate(90deg)', 'transform-origin': '10% 40%', 'height': '100px' });
                    }

Answer 1

在容器（header）上使用 display flex 并将内容（文本）的边距设置为 "auto auto 0px 0px"

如何将列 header 调整到 dxdatagrid 的 left-bottom

how to fit column header to left-bottom of dxdatagrid

css

dx-data-grid