代码之家 › 专栏 › 技术社区 › Ryuujo dhara gosai

使数据表更宽

datatables jquery

Ryuujo dhara gosai · 技术社区 · 6 年前

我想扩大这张桌子,因为我觉得这张桌子太窄了。

这是我的代码:

$('#month-auto-depo').DataTable({
      "columns" : [
        {"width": "30%"},
        {"width": null}
      ],
      "searching": false,
      "paging"   : false,
      "ordering" : false,
      dom        : 'Bfrtip',
      buttons    : [
        'csv', 'excel',
      ],
      "scrollX"  : true
});
$('[data-toggle="tooltip"]').tooltip();

2 回复 | 直到 6 年前

Harshit Tailor 6 年前

设置 Width:100% 或者任何你想要在桌子标签上的东西。

<table class="datatable table" style="width:100%">

Ha. Huynh Rodrigo Oliveira 6 年前

数据表文档( https://datatables.net/examples/basic_init/flexible_width.html )他说:

通常,您可能希望使用页通常这是通过在CSS中指定宽度:100%来完成的,但是这给Javascript带来了一个问题,因为它可能很难实现获取相对大小,而不是绝对像素。因此,如果将width属性应用于HTML表标记或内联宽度样式(style=“width:100%”),它将用作表格的宽度

因此,您应该使用 width 内联样式 style="width:100%"

<table id="example" class="display" style="width:100%">

当窗口改变时,改变表格大小是足够聪明(灵活)的

div.container {
        width: 80%;
    }

推荐文章

Stanley Jones · 用JavaScript数组填充JQuery数据表

2 年前

GauravSolo · 在columndef datatable jquery中使用响应数据

3 年前

Azuren · 在转换为JSON之前,如何向数组中添加新的键和值?

3 年前

Jan M · 使用Django/Python在每行中使用Select表单的数据表

3 年前

Agent69 · DataTables日期范围筛选器,未获取第一个日期

3 年前

J D · 获取SQL外键时遇到问题,因为它显示错误1364“字段没有默认值”?

3 年前

Yash Saraiya · jQuery datatable:在每个分页上启用几个文本框

7 年前

SimplyKz · Datatable-rows()。数据()。each()函数不工作

7 年前

ArunPratap Miguel · 按钮单击事件后DataTable未呈现Gridview

7 年前

AyamSayur · SQLSTATE[42S22]:未找到列:1054包含datatables的未知列

7 年前