删除DataTables列中的额外填充 [英] Removing extra padding in DataTables columns

问题描述

大家好我已经创建了如下所示的JQuery DataTables：

Hi so I have created JQuery DataTables that looks like this:

所以我的问题是如何在PICTURE列中删除过多的填充？

So my question is how to remove that too much padding in the "PICTURE" column?

这是我初始化表格的方式：

This is how I initialize the table:

$('#violators_tbl').DataTable({
            "aoColumnDefs": [
                { "bSortable": false, "aTargets": [ 2,3 ] },
                { "sWidth": "20%", "aTargets": [ 0 ] },
                { "sWidth": "35%", "aTargets": [ 1 ] },
                { "sWidth": "30%", "aTargets": [ 2 ] },
                { "sWidth": "15%", "aTargets": [ 3 ] },
            ],
        });

这是我向表中添加行的方式：

This is how I add rows to the table:

function update_table(violator){
        var img_str1 = '<img class=\"obj-pic\" src=\"' + Main.Vars.base_path + violator.front_temp_file_path + '\">';
        var img_str2 = '<img style=\"margin-left: 10px;\" class=\"obj-pic\" src=\"' + Main.Vars.base_path + violator.rear_temp_file_path + '\">';
        var img_str3 = '<img style=\"margin-left: 10px;\" class=\"obj-pic\" src=\"' + Main.Vars.base_path + violator.right_temp_file_path + '\">';
        var img_str4 = '<img style=\"margin-left: 10px;\" class=\"obj-pic\" src=\"' + Main.Vars.base_path + violator.left_temp_file_path + '\">';
        violators_table.dataTable().fnAddData([
            violator.violator_id,
            violator.get_full_name(),
            'Under Construction',
            img_str1 + img_str2 + img_str3 + img_str4,
        ]);
    }

推荐答案

更简单的方法是添加 sClass 选项，它将类添加到指定的列。此后，您可以根据需要设置 my_class 的样式。这样，只有特定的表实例受到影响，而不是您应用程序中的其他实例。

Easier way would be to add the sClass option which adds a class to the designated columns. Thereafter, you can style your my_class according to your needs. This way, only the specific table instance is affected and not the others in your application.

$('#violators_tbl').dataTable({
    "aoColumnDefs": [
      { "sClass": "my_class", "aTargets": [ 0 ] }
    ]
  } );

这篇关于删除DataTables列中的额外填充的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！