Question

我正在使用DataTables打印按钮，我无法让两个列打印出来。我为我打印的两个网格使用相同的按钮设置，但是一个网格将按原样保留Column标头，另一个网格将堆叠它们。

例如，不是专栏“First Middle”，而是“First \ nMiddle”。

buttons: [
    {
        extend: 'print',
        className: 'printButtonDetailOnly',
        exportOptions: {
            columns: ':visible',
        },
        title: 'I stack, sad face'
        customize: function (win) {
            $(win.document.body)
        .css('font-size', '18pt');

            $(win.document.body).find('table')
                .addClass('compact')
                .css('font-size', 'inherit');
        },
    }
]

给我留下了a stacked column

与其他打印按钮相比：

buttons: [
    {
        extend: 'print',
        exportOptions: {
            columns: ':visible'
        },
        title: 'I do not stack! Yay!',
        customize: function (win) {
            $(win.document.body)
        .css('font-size', '18pt');

            $(win.document.body).find('table')
                .addClass('compact')
                .css('font-size', 'inherit');
        },
    }
]

提供un-stacked column

我一直在踢这几天，查看打印按钮的所有属性，但似乎没有任何东西可以控制它。

Answer 1

问题实际上是填充了表格。

堆叠的表格缺失

class="nowrap"

作为其中的一部分。

DataTable打印按钮格式化列标题

1 个答案: