将HTML表转换成电子表格-jQuery sheetjs

将HTML表转换成电子表格-jQuery sheetjs

版本:

浏览量:303

最后更新:2021-05-26

应用标签:MAC 软件

推荐指数:

详细信息

sheetjs是一个jQuery插件,可将大型HTML表转换为电子表格样式的数据网格,以更好地显示和处理表格数据。

特征:

  • 按字母顺序(A到Z或Z到A)对数据进行排序。

  • 数据过滤器。

  • 复制选定的单元格或列。

  • 将一列或一列数字相加

  • 上下文菜单。

  • 易于实现。

如何使用它:

1.在HTML文档中加载样式表sheetjs.css和JavaScript sheetjs.js

<!-- jQuery Is Required -->
<script src="/path/to/cdn/jquery.min.js"></script>
<!-- sheetjs plugin -->
<link rel="stylesheet" href="sheetjs.css" />
<script src="sheetjs.js"></script>

2.只需将CSS类添加sheetjs到您的HTML表中,其余的工作将由插件完成。

<table class="sheetjs">
  <caption>List of countries by population (United Nations)</caption>
  <thead>
    <tr>
      <th rowspan="2">NO</th>
      <th rowspan="2">Country/Territory</th>
      <th rowspan="2">UN continental<br>region</th>
      <th rowspan="2">UN statistical<br>subregion</th>
      <th colspan="2">Population</th>
      <th rowspan="2">Change</th>
    </tr>
    <tr>
      <th>1 July 2018</th>
      <th>1 July 2019</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>1</th>
      <td>China</td>
      <td>Asia</td>
      <td>Eastern Asia</td>
      <td align="right">1,427,647,786</td>
      <td align="right">1,433,783,686</td>
      <td align="right">0.43%</td>
    </tr>
    <tr>
      <th>2</th>
      <td>India</td>
      <td>Asia</td>
      <td>Southern Asia</td>
      <td align="right">1,352,642,280</td>
      <td align="right">1,366,417,754</td>
      <td align="right">1.02%</td>
    </tr>
    <tr>
      <th>3</th>
      <td>United States</td>
      <td>Americas</td>
      <td>Northern America</td>
      <td align="right">327,096,265</td>
      <td align="right">329,064,917</td>
      <td align="right">0.60%</td>
    </tr>
    ...
  </tbody>
  <tfoot>
    <tr>
      <th></th>
      <td>World</td>
      <td></td>
      <td></td>
      <td>7,631,091,040</td>
      <td>7,713,468,100</td>
      <td>+1.08%
      </td>
    </tr>
  </tfoot>
</table>
https://hugeota.d.miui.com/V12.5.3.0.RJNCNXM/miui_CEZANNE_V12.5.3.0.RJNCNXM_13fc756b04_11.0.zip

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。