<!-- SDK -->
<script language="javascript" src="codethatsdk.js"></script>

<!-- types and compare functions -->
<script language="javascript" src="codethattype.js"></script>

<!-- CodeThatTable Class -->
<script language="javascript" src="codethattablepro.js"></script>

<!-- data and global variables (you can use any file name) -->
<script language="javascript" src="content.js"></script>

<!-- style sheet (you can use any file name) -->
<link rel="stylesheet" href="style.css">

<script language="javascript1.2">
<!--
// CodeThatTable variable contains link to object of CCodåThatTable class,
// it's name should be equal with name passing to constructor
var CodeThatTable = new CCodeThatTable("CodeThatTable");
CodeThatTable.loadData(gridDef); 	// data initialization from gridDef structure
CodeThatTable.doAction(); 		// work with table
//-->
</script>

var gridDef =
{
	amountPerPage : INT, 	 // (*) rows amount per page
	useMultiSort : BOOLEAN, 	 //  (*) whether we use multisort
	datatype : INT, 		 //  0 - array (default), 1 - csv string,
	// 2 - CSV file, 3 - xml file
	data : ARRAY == [][] || STRING // (*) data for columns with Image type
	// (*) column definitions array
	colDef : ARRAY == [
	{
		title : STRING, 		// (*) column title
		titleClass : "", 	// (*)
		type : STRING, 		// (*) data type
		width : INT, 		// (*) column width
		alignment : STRING, 	// (*) column alignment
		compareFunction : FUNCTION, // (*) compare function
		isVisible : BOOLEAN, 	 // (*) whether column is visible
		useAutoIndex : BOOLEAN, // (*) auto sort
		useAutoFilter : BOOLEAN // (*) auto filter
	} ],
	rowHandler : FUNCTION
	keyCol : INT
	// (*) css classes for rows visualization
	rowStyle :
	{
		markClass : "", 	// (*) marked string
		darkClass : "", 	 // (*) dark string
		lightClass : "", 	// (*) light string
		hoverClass : ""	 // (*) active string
	},
	// (*) images for table
	imgSortAsc : 	{ },
	imgSortDesc : 	{ },
	imgSortAscActive : 	{ },
	imgSortDescActive : 	{ },
	imgMultiSortAscActive : 	{ },
	imgMultiSortDescActive : { },
	imgFirstPage : 	{ },
	imgLastPage : 	{ },
	imgPrevPage : 	{ },
	imgNextPage : 	{ }
};
Global variables :
var DATE_FORMAT = "dd.mm.yyyy"; - date format
var EMPTY_ROW = "no filter";