第二次渲染后表格列宽发生变化 - JQuery DataTables答案

【问题标题】：Table column width gets changed after rendering second time - JQuery DataTables第二次渲染后表格列宽发生变化 - JQuery DataTables
【发布时间】：2021-04-07 08:57:13
【问题描述】：

将超链接添加到单元格后，JQuery DataTables 单元格宽度被扩展。有没有办法避免这种情况？

同一页面上有两个表格。第一个表列有一个填充第二个表的链接。它在第一次呈现时间表但第二次呈现列宽不同时起作用。

第一次渲染表格时

调用相同的方法再次渲染同一张表

    var tblJanusPlate = $('#tbl').DataTable({
                
                "processing": true,
                //"serverSide": true,
                "bPaginate": false,
                "bFilter": false,
                "bInfo": false,
                "scrollY": "300px",
                "scrollCollapse": true,
                "bDestroy": true,
                "columns": [{
                    "data": "Name",
                    "width": "10%"
                },

                   {
                       "data": "Country",
                       "render": function (data, type, row, meta) {                          
                          return "<a href='" + data + "' id= '" + row + "' style='color: black; text-decoration: none;' onclick='return populateDetails(this,\"" + row.Name + "\",\"region\",\"" + regDate + "\");' >" + row.Record_Count + "</a>";
                   
                       }, "width": "10%"
                   }
                ]

            });

       $.ajax({
                type: "POST",
                url: "Service.asmx/PlateStats",
                contentType: "application/json",
                dataType: "json",
                data: "{ regDate: '" + regDate + "', type: '" + command + "'}",
                success: function (response) {

                    response = JSON.parse(response);

                    tblJanusPlate.clear();
                    tblJanusPlate.rows.add(response[0]).draw(); 

                  
                }
                }
            });

【问题讨论】：

标签： html jquery css ajax datatables

【解决方案1】：

我认为这与“bDestroy”属性有关。我可能在这里错了，但请随时发表评论。

删除销毁选项后，我尝试了这个（来自 Datatable 手册），它对我有用。

【讨论】：