Color Picker For Table Cells - jQuery table-color.js

File Size: 3.94 KB
Views Total: 1699
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Color Picker For Table Cells - jQuery table-color.js

table-color.js is a tiny jQuery plugin to show a color picker popup when hovering table cells that allows you to change the color & background color of tabular data.

How to use it:

1. Insert the table-color.css and table-color.js into the HTML page which has jQuery library loaded.

<link href="assets/table-color.css" rel="stylesheet" />
<script src="" 
<script src="assets/jquery.table-color.js"></script>

3. Load the Font Awesome for the icons.

<link rel="stylesheet" href="">

3. Attach the function tblcolor to the HTML table and done.

<table class="my-table">
      <td style="color:#FF9999;background-color:#efefef;">Jill</td>

This awesome jQuery plugin is developed by manojbetma. For more Advanced Usages, please check the demo page or visit the official website.