Display a table with fixed columns and rows on your web site.
https://dmorita00.github.io/fixedTable
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/dmorita00/fixed-table@0.0.10/dist/style.css">- JS: Insert below code in the bottom of the
<body>tag.
<script src="https://cdn.jsdelivr.net/gh/dmorita00/fixed-table@0.0.10/dist/index.js"></script>For fixedTableInit, set the below arguments and call the method.
- div tag id name
- Header value
- Row value
<div id="fixed-table" style="width: 500px; height: 200px;"></div>
<script src="https://cdn.jsdelivr.net/gh/dmorita00/fixed-table@0.0.8/dist/index.js"></script>
<script>
if (window?.fixedTableInit) {
window.fixedTableInit(
"fixed-table",
[
'Name ',
'Gender ',
'Job ',
'Role ',
'Address ',
'Phone ',
],
[
['テスト 太郎1', '男', '自営業', 'なし', '東京都XXXXXXXXXXXX', '080-XXXX-XXXX'],
['テスト 太郎2', '男', '自営業', 'なし', '東京都XXXXXXXXXXXX', '080-XXXX-XXXX'],
['テスト 太郎3', '男', '自営業', 'なし', '東京都XXXXXXXXXXXX', '080-XXXX-XXXX'],
['テスト 太郎4', '男', '自営業', 'なし', '東京都XXXXXXXXXXXX', '080-XXXX-XXXX'],
['テスト 太郎5', '男', '自営業', 'なし', '東京都XXXXXXXXXXXX', '080-XXXX-XXXX'],
['テスト 太郎6', '男', '自営業', 'なし', '東京都XXXXXXXXXXXX', '080-XXXX-XXXX'],
['テスト 太郎7', '男', '自営業', 'なし', '東京都XXXXXXXXXXXX', '080-XXXX-XXXX'],
['テスト 太郎8', '男', '自営業', 'なし', '東京都XXXXXXXXXXXX', '080-XXXX-XXXX'],
]
);
}
</script>That’s all.
fixed-cell fixed-column fixed-table typescript
Thank you for watching my repo.