Skip to content

Commit 22abbd1

Browse files
Update README.md
1 parent 68d7528 commit 22abbd1

File tree

1 file changed

+25
-25
lines changed

1 file changed

+25
-25
lines changed

README.md

Lines changed: 25 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -3,116 +3,116 @@ JSON Data To HTML Table is Example of Lightweight jQuery Plugin for Beginners.
33
Though this is not a datatable, you can modify this plugin and customize it
44
to make your own datatable. This is an example to make an HTML table with JSON data.
55

6-
##Download
6+
## Download
77
You can [Download](https://github.com/shahnewazshamim/json-to-table/archive/master.zip)
88
it from here.
99
> `https://github.com/shahnewazshamim/json-to-table/archive/master.zip`
1010
1111
Git Clone:
1212
> `https://github.com/shahnewazshamim/json-to-table.git`
1313
14-
##Installation
14+
## Installation
1515
Using **Production version** `JSON-to-Table.min.1.0.0.js`
1616
> `<script src="jQuery-3.2.1.min.js"></script>`
1717
1818
Or **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
2222
Just 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
117117
var 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

Comments
 (0)