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

Question

我必须在 table

中动态地向左或向右移动整个列

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

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

table 列是 [3 1 2] 因为本地存储获取项目形式 table 列

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

这是我所有的代码Fiddle：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。你可以试试拖动刷新，会保持之前的列位置。

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

How to collect table Column in local storage

html

javascript

html-table

local-storage