Jquery数据表计算错误的宽度

Question

我有一个jquery数据，我初始化如下：

$('#tableElement').DataTable(
    {
        "columns" : [
            {
                "width" : "40%"
            },
            {
                "width" : "40%"
            },
            {
                "width" : "20%"
            }
        ],        
        fixedColumns: true
    }); 

然后我像这样动态添加行：

table.row.add([
            subProductName,
            fileName,
            "<div class='deletePosition' style='color:red; cursor: pointer;'>&#10006;</div>"
        ])
        .draw()
        .node();

该表在jquery对话框中设置，我初始化如下：

$('#dialogElement').dialog({
        autoOpen : false,
        title : "Some title",
        show : "blind",
        modal : true,
        resizable : false,
        scrollbar : false,
        maxWidth: "800px"
});

我的问题：如果我打开对话框，某些内容会与列宽完全混淆。虽然我将maxWidth指定为800px，但是这些列不适用于它并且占用与其内容一样多的水平空间（意味着它们太小或太宽）。

问题：我怎样才能永远强制我的列保持在我最初创建的表格中我指定的确切宽度NO MATTER关于我稍后插入的内容宽度？

Answer 1

试试这个css：

#tableElement{
 table-layout: fixed; 
  word-wrap:break-word; 
}