显示已存储在localStorage中的表

Question

我想创建新内容。 新内容是dataTable，将保存到localStorage

当我点击添加新表按钮时，表已创建并保存到localStorage。

BUT

  

当我刷新页面时，表格不显示但保存到   localStorage的。

MY JSFiddle

  

如何在刷新页面时显示已创建的表格[数据表视图] 并存储在localStorage中？

jQuery：

{{1}}

Answer 1

您似乎忘记在从LocalStorage读取的表格元素上调用dataTable()。

使用

循环存储的表

for (var i = 0; i < resultTable.length; i++) {
    var items = resultTable[i];
    $(".tab-content").append(items.table);
}

你只附加了最初的HTML。之后必须通过dataTables插件进行转换，以显示排序，搜索和分页功能。

一个可能的解决方案是在for循环之后在tab-content容器中的所有表上调用dataTable()：

for (var i = 0; i < resultTable.length; i++) {
    var items = resultTable[i];
    $(".tab-content").append(items.table);
}

$(".tab-content table").dataTable();