Question

我有table(id="example")。我正在应用数据表主题。

var oTable=$(#"example").datatable();

我希望数据表的宽度为页面的80％。为了解决这个问题，我在View上重新定义了这个类：

<style>

/*Overriding  datable class to cater this page's need*/
    .dataTables_wrapper {
        position: relative;
        clear: both;
        *zoom: 1;
        width: 80%;
    }
</style>

这里我重新定义了视图上数据表的宽度。

这在这个时间点对我有用。如果我缺少jquery datatable的宽度控制的预定义属性，请告诉我。

Ur的帮助将不胜感激！

Answer 1

您可以使用：

$("#example").dataTable({
"sPaginationType": "full_numbers",
"bJQueryUI": true,
"bAutoWidth": false, // Disable the auto width calculation 
"aoColumns": [
  { "sWidth": "30%" }, // 1st column width 
  { "sWidth": "30%" }, // 2nd column width 
  { "sWidth": "40%" } // 3rd column width and so on 
]});

Answer 2

由于table会自动从width获取plugin，请尝试 CSS ，

#example{
   width:100% !important;/* now it will take width according to your outer div */
}

也可能是拼写错误，请使用$("#example")代替$(#"example")

并使用 bAutoWidth

<强>脚本

$(function(){
    $('#example').dataTable( {
      "bAutoWidth": false
    });
});

控制数据表的宽度

2 个答案: