如何在本地存储中收集表列

Question

我必须动态地在表格中向左或向右移动整个列

我想在关闭浏览器并再次打开时在本地存储中设置列位置

示例：我有第 [1 2 3] 列，当关闭浏览器并再次打开时，我将第 3 列向左移动 [3 1 2]

表列是[3 1 2]，因为本地存储获取Item表单表列

有人知道将整个列位置保存在本地存储中的方法吗？

这是我所有的代码小提琴：https://jsfiddle.net/yLzw150d/

<table class="table" id="table">
  <tr>
    <th>1</th>
    <th>2</th>
    <th>3</th>
  </tr>
  <tr>
    <td>a</td>
    <td>b</td>
    <td>c</td>
  </tr>
  <tr>
    <td>a</td>
    <td>b</td>
    <td>c</td>
  </tr>
  <tr>
    <td>a</td>
    <td>b</td>
    <td>c</td>
  </tr>

</table>

对不起，我的英语不好，无法解释我需要什么，希望你明白我需要什么

谢谢！

Answer 1

您可以将tableinnerHTML保存到localStorage。

var tableContent = document.getElementById('table').innerHTML;
localStorage.setItem('tableContent', tableContent);

然后获取值并将其设置回 HTML。

if (localStorage.getItem("tableContent") !== null) {
    var tableContent = localStorage.getItem('tableContent');
    document.getElementById('table').innerHTML = tableContent;
}

检查this。 您可以尝试拖动然后刷新，它会保持之前的列位置。