compmeist / sparsify

For HTML tables in the DOM, hides or colors column values that are duplicates. Pure Javascript, no dependencies. (changes classes on table column values that are identical to those above them)

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

sparsify

for HTML tables, this javascript routine hides column values that are duplicates ( by using classes ). No dependencies. You can also color the cell using classes, which may be preferred.

example

<!DOCTYPE html>

<head>
 <script src="sparsify.js"></script>
 <style>
  .red {color:red;}
  .yellow {color:yellow;}
 </style>
</head>

<!-- usage: sparsify(htmlElementId,classToAdd,classToRemove);
     ( the below tests the adding of class 'red' and 
         the subsequent removal of 'red' and the addition of 'yellow' )
-->

<body onload="sparsify('table1','red'); sparsify('table1','yellow','red');">
  <table id = 'table1'>
  <tr> <td>col1</td> <td>Col2</td> <td>col3</td>
  </tr>
  <tr> <td>col1</td> <td>col2</td> <td>col3</td>
  </tr>
  <tr> <td>col1</td> <td>col2</td> <td>Col3</td>
  </tr>
  </table>
</body>

About

For HTML tables in the DOM, hides or colors column values that are duplicates. Pure Javascript, no dependencies. (changes classes on table column values that are identical to those above them)

License:MIT License


Languages

Language:JavaScript 100.0%