Question

我的html.erb视图中有一个表使用bootstrap nav-tabs，并通过部分和嵌入式Ruby填充，由于某种原因，Datatables不会正确加载表。

jquery的

$(document).ready(function () {

  console.log("foo");

  $("#datatable-weighin").DataTable();

  $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
    console.log("bar");
  });
});

这会输出foo和bar，表示所有内容都正确加载，但我的表格看起来与调用$("#datatable-weighin").DataTable();之前没有什么不同。

我是否正在使用部分和从控制器加载变量，这与它有什么关系？我看到nav-tabs发布了一些数据表，因为表是隐藏的，但这只会影响列大小等，而不仅仅是一般加载。

Answer 1

在仔细查看我的代码后，我意识到当我使用$("#datatable-weighin")查询表时，尽管id是表的一部分，但我实际上并没有返回表：< / p>

<table class="profile-table-table" id="weigh-in datatable-weighin"></table>

然后我将其更改为<table class="profile-table-table special" id="weigh-in"></table>

...当我查询$("table.special")时，它返回表格并且数据表开始工作

Rails 4 + datatables：数据表未正确加载

1 个答案: