@@ -3,116 +3,116 @@ JSON Data To HTML Table is Example of Lightweight jQuery Plugin for Beginners.
33Though this is not a datatable, you can modify this plugin and customize it
44to make your own datatable. This is an example to make an HTML table with JSON data.
55
6- ##Download
6+ ## Download
77You can [ Download] ( https://github.com/shahnewazshamim/json-to-table/archive/master.zip )
88it from here.
99> ` https://github.com/shahnewazshamim/json-to-table/archive/master.zip `
1010
1111Git Clone:
1212> ` https://github.com/shahnewazshamim/json-to-table.git `
1313
14- ##Installation
14+ ## Installation
1515Using ** Production version** ` JSON-to-Table.min.1.0.0.js `
1616> ` <script src="jQuery-3.2.1.min.js"></script> `
1717
1818Or ** Development version** ` JSON-to-Table.1.0.0.js `
1919> ` <script src="JSON-to-Table.min.1.0.0.js"></script> `
2020
21- ##How to use
21+ ## How to use
2222Just call ` createTable ` method in your document ready function with your json ` data ` object.
2323
2424` $('your-selector').createTable(data); `
2525
26- ##Property Definition
26+ ## Property Definition
2727> ** Every single value of these properties is similar to CSS property value.**
28- - ####borderWidth
28+ - #### borderWidth
2929 Defines to control table and it's all rows and columns border width.
3030
3131 ** Ex:** ` borderWidth: '1px' `
3232
33- - ####borderStyle
33+ - #### borderStyle
3434 Defines to control table and it's all rows and columns border style.
3535
3636 ** Ex:** ` borderStyle: 'solid' `
3737
38- - ####borderColor
38+ - #### borderColor
3939 Defines to control table and it's all rows and columns border color.
4040
4141 ** Ex:** ` borderColor: '#DDDDDD' `
4242
43- - ####fontFamily
43+ - #### fontFamily
4444 Defines to control table font family.
4545
4646 ** Ex:** ` fontFamily: 'Verdana, Helvetica, Arial, FreeSans, sans-serif' `
4747
48- - ####thBg
48+ - #### thBg
4949 Defines to control table header background color.
5050
5151 ** Ex:** ` thBg: '#F3F3F3' `
5252
53- - ####thColor
53+ - #### thColor
5454 Defines to control table header text color.
5555
5656 ** Ex:** ` thColor: '#0E0E0E' `
5757
58- - ####thHeight
58+ - #### thHeight
5959 Defines to control table header height.
6060
6161 ** Ex:** ` thHeight: '30px' `
6262
63- - ####thFontFamily
63+ - #### thFontFamily
6464 Defines to control table header font family.
6565
6666 ** Ex:** ` thFontFamily: '"Open Sans Condensed", sans-serif' `
6767
68- - ####thFontSize
68+ - #### thFontSize
6969 Defines to control table header font size.
7070
7171 ** Ex:** ` thFontSize: '14px' `
7272
73- - ####thTextTransform
73+ - #### thTextTransform
7474 Defines to control table header text style.
7575
7676 ** Ex:** ` thTextTransform: 'capitalize' `
7777
78- - ####trBg
78+ - #### trBg
7979 Defines to control table row background color.
8080
8181 ** Ex:** ` trBg: '#FFFFFF' `
8282
83- - ####trColor
83+ - #### trColor
8484 Defines to control table row text color.
8585
8686 ** Ex:** ` thColor: '#0E0E0E' `
8787
88- - ####trHeight
88+ - #### trHeight
8989 Defines to control table row height.
9090
9191 ** Ex:** ` thHeight: '25px' `
9292
93- - ####trFontFamily
93+ - #### trFontFamily
9494 Defines to control table row font family.
9595
9696 ** Ex:** ` trFontFamily: '"Open Sans", sans-serif' `
9797
98- - ####thFontSize
98+ - #### thFontSize
9999 Defines to control table row font size.
100100
101101 ** Ex:** ` thFontSize: '13px' `
102102
103- - ####tdPaddingLeft
103+ - #### tdPaddingLeft
104104 Defines to control table column left padding.
105105
106106 ** Ex:** ` tdPaddingLeft: '10px' `
107107
108- - ####tdPaddingRight
108+ - #### tdPaddingRight
109109 Defines to control table column right padding.
110110
111111 ** Ex:** ` tdPaddingRight: '10px' `
112112
113- ##Examples
113+ ## Examples
114114
115- #####Using a JSON data from your JS variable.
115+ ##### Using a JSON data from your JS variable.
116116``` javascript
117117var data = [
118118 {
@@ -162,7 +162,7 @@ $(document).ready(function () {
162162});
163163```
164164
165- #####External JSON file.
165+ ##### External JSON file.
166166``` javascript
167167$ (document ).ready (function () {
168168 $ .getJSON (" sample-data.json" , function (data ) {
@@ -194,4 +194,4 @@ $(document).ready(function () {
194194 });
195195 });
196196});
197- ```
197+ ```
0 commit comments