在引导表中如何隐藏/排除导出列

Posted 2023-05-08

【中文标题】在引导表中如何隐藏/排除导出列

【英文标题】：in bootstrap table how to hide/exclude a column on export

【发布时间】：2021-07-13 10:09:38

【问题描述】：

我正在使用属性 data-show-export ="true" 但我不知道如何使用 jQuery 排除列， 我试过了，

$('table').bootstrapTable(     
  exportOptions: 
    columns: [0,1]
  
)

【参考方案1】：

在定义表格列的表格标题中使用 data-force-hide 属性为“true”。按照下面的表头。

<th data-field="action"
    data-align="center"
    data-formatter="actionFormatter"
    data-events="actionEvents"
    data-force-hide="true">Action</th>

您也可以使用不带属性的引导表，例如 jquery 调用。在那里，您还可以通过使用 forceHide: true 属性来强制隐藏您想要的列，您可以在其中定义列。喜欢

$('table').bootstrapTable( 
columns: [ 
        title: 'Action',
        field: 'Action',
        visible: true,
        sortable: false,
        align: "center",
        formatter: "actionFormatterSubGrid",
        events: "actionEventsSubGrid",
       forceHide: true, /* You have to need use this property*/
    
    , 
        title: 'ID',
        field: 'id',
        visible: false,
        sortable: true,
        forceExport: true,  /* And use this for forcefully export hidden columns*/
    ],

    showExport: true,    
)

【讨论】：

感谢您的帮助！！

【参考方案2】：

这是一个有点老的问题，但是，对于一些有这种疑问的人，在 exportOptions 上，使用 ignoreColumn: ["Column"]，这将在导出时隐藏列。

示例：

$('#table').bootstrapTable(
    pagination: true,
    pageSize: 10,
    pageList: [15, 20, 25, 50, 75, 100, 'ALL'],
    columns: [
        
            title: "Id",
            field: "Id"
        ,  
        
            title: "Company",
            field: "Company"
        ,
    ],
 exportOptions: 
        ignoreColumn: ["Id"]
    
);