Data-TH Converter

This tool will add data-th attribute to all the TDs in your table. By adding the data-th attribution and using the sample CSS Below you can create responsive tables that do not require JS. You must have a THEAD, TBODY and TH elements to use this tool.

Dowload the accompanying CSS or SCSS files

Sample CSS Sample SCSS

This tool uses code and concepts from the following sources:

  • Mr. Data Converter by Shan Carter
  • Codepen example by Charlie Cathcart