auto-table-numbers
v1.5.0
Published
A Lightweight Plugin That Automatically Numbers Table Rows With Optional Options
Maintainers
Readme
├── 📁dist/
│ ├── 📄AutoTableNumbers.js
│ └── 📄AutoTableNumbers.min.js
├── 📄package.json
└── 📄README.md🔵 The Plugin Now Comes In Two Versions:
<script>
$(function () {
AutoTableNumbers('#MyTable');
});
</script><script>
$(function () {
$('#MyTable').AutoTableNumbers();
});
</script><script>
$(function () {
AutoTableNumbers('.table', {
column: 0, // Which Column To Place Numbers (0 = First)
start: 1, // Starting Number
bold: true, // Display Numbers In BOLD
zero: true, // Display Numbers With A Leading Zero
selector: 'tbody tr:visible' // Only Visible Rows Are Numbered
});
});
</script><script>
$(function () {
$('#MyTable').AutoTableNumbers({
column: 0, // Which Column To Place Numbers (0 = First)
start: 1, // Starting Number
bold: true, // Display Numbers In BOLD
zero: true, // Display Numbers With A Leading Zero
selector: 'tbody tr:visible' // Only Visible Rows Are Numbered
});
});
</script><table>
<thead>
<tr><th>#</th><th>Name</th><th>Email</th><th>Country</th><th>Join Date</th></tr>
</thead>
<tbody>
<tr><td><b>01</b></td><td>ARASH</td><td>[email protected]</td><td>Turkey</td><td>2022-01-01</td></tr>
<tr><td><b>02</b></td><td>MARIA</td><td>[email protected]</td><td>France</td><td>2023-01-01</td></tr>
<tr><td><b>03</b></td><td>JOHNY</td><td>[email protected]</td><td>Greece</td><td>2024-01-01</td></tr>
<tr><td><b>04</b></td><td>ELENA</td><td>[email protected]</td><td>Cyprus</td><td>2025-01-01</td></tr>
<tr><td><b>05</b></td><td>DAVID</td><td>[email protected]</td><td>Guinea</td><td>2026-01-01</td></tr>
</tbody>
</table><!-- AutoTableNumbers Plugin (MINIFIED - RECOMMENDED) -->
<script src="https://cdn.jsdelivr.net/npm/auto-table-numbers@latest/dist/AutoTableNumbers.min.js"></script><!-- AutoTableNumbers Plugin (UNMINIFIED) -->
<script src="https://cdn.jsdelivr.net/npm/auto-table-numbers@latest/dist/AutoTableNumbers.js"></script>🔵 OPTION 2 — NPM:
npm install auto-table-numbersimport 'auto-table-numbers';🔴 Use & Initialize The Plugin:
AutoTableNumbers('table');<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<!-- AutoTableNumbers Plugin (MINIFIED - RECOMMENDED) -->
<script src="https://cdn.jsdelivr.net/npm/auto-table-numbers@latest/dist/jquery.AutoTableNumbers.min.js"></script><!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
<!-- AutoTableNumbers Plugin (UNMINIFIED) -->
<script src="https://cdn.jsdelivr.net/npm/auto-table-numbers@latest/dist/jquery.AutoTableNumbers.js"></script>🔵 OPTION 2 — NPM:
npm install jquery.auto-table-numbersimport 'jquery.auto-table-numbers';🔴 Use & Initialize The Plugin:
$('table').AutoTableNumbers();