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

如何解决表格列宽在第二次渲染后发生变化 - JQuery DataTables

向单元格添加超链接后，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(); 

                  
                }
                }
            });

解决方法

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

删除 destroy 选项后，我尝试了这个（来自 Datatable 手册）并且对我有用。