Skip to content

Commit 02d042d

Browse files
AndrejGajdosAndrejGajdos
committed
update index.html
1 parent 1308d4c commit 02d042d

File tree

1 file changed

+111
-103
lines changed

1 file changed

+111
-103
lines changed

Diff for: ‎index.html

+111-103
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,19 @@
99
content="nested-datatables : jQuery DataTables plugin for rendering nested DataTables in rows. Inner tables are independent of the data and layout from the outer table."
1010
/>
1111

12-
<link rel="stylesheet" type="text/css" media="screen" href="/nested-datatables/assets/css/style.css?v=cd7a2da0f2f66a8c86379cbde71985cbd9e0c742">
13-
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css">
14-
15-
<script src="/nested-datatables/dist/nested.tables.min.js"></script>
12+
<link
13+
rel="stylesheet"
14+
type="text/css"
15+
media="screen"
16+
href="/nested-datatables/assets/css/style.css?v=cd7a2da0f2f66a8c86379cbde71985cbd9e0c742"
17+
/>
18+
<link
19+
rel="stylesheet"
20+
type="text/css"
21+
href="https://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css"
22+
/>
23+
24+
<script src="/nested-datatables/dist/nested.tables.min.js"></script>
1625

1726
<style>
1827
footer {
@@ -84,215 +93,211 @@ <h3 id="demo">
8493
var dataInJson = [
8594
{
8695
data: {
87-
name: 'b1',
88-
street: 's1',
89-
city: 'c1',
96+
name: "b1",
97+
street: "s1",
98+
city: "c1",
9099
departments: 10,
91-
offices: 15
100+
offices: 15,
92101
},
93102
kids: [
94103
{
95104
data: {
96-
department: 'HR',
97-
supervisor: 'Isidor Bristol',
105+
department: "HR",
106+
supervisor: "Isidor Bristol",
98107
floor: 1,
99-
employees: 15
108+
employees: 15,
100109
},
101110
kids: [
102111
{
103112
data: {
104-
name: 'Klement Nikodemos',
105-
phone: '+938462',
106-
hire_date: 'January 1, 2010',
107-
id: 3456
113+
name: "Klement Nikodemos",
114+
phone: "+938462",
115+
hire_date: "January 1, 2010",
116+
id: 3456,
108117
},
109-
kids: []
118+
kids: [],
110119
},
111120
{
112121
data: {
113-
name: 'Madhava Helmuth',
114-
phone: '+348902',
115-
hire_date: 'May 23, 2002',
116-
id: 1234
122+
name: "Madhava Helmuth",
123+
phone: "+348902",
124+
hire_date: "May 23, 2002",
125+
id: 1234,
117126
},
118-
kids: []
127+
kids: [],
119128
},
120129
{
121130
data: {
122-
name: 'Andria Jesse',
123-
phone: '456123',
124-
hire_date: 'October 23, 2011',
125-
id: 9821
131+
name: "Andria Jesse",
132+
phone: "456123",
133+
hire_date: "October 23, 2011",
134+
id: 9821,
126135
},
127-
kids: []
128-
}
129-
]
136+
kids: [],
137+
},
138+
],
130139
},
131140
{
132141
data: {
133-
department: 'development',
134-
supervisor: 'Jim Linwood',
142+
department: "development",
143+
supervisor: "Jim Linwood",
135144
floor: 2,
136-
employees: 18
145+
employees: 18,
137146
},
138147
kids: [
139148
{
140149
data: {
141-
name: 'Origenes Maxwell',
142-
phone: '345892',
143-
hire_date: 'February 1, 2004',
144-
id: 6234
150+
name: "Origenes Maxwell",
151+
phone: "345892",
152+
hire_date: "February 1, 2004",
153+
id: 6234,
145154
},
146-
kids: []
147-
}
148-
]
155+
kids: [],
156+
},
157+
],
149158
},
150159
{
151160
data: {
152-
department: 'testing',
153-
supervisor: 'Zekeriya Seok',
161+
department: "testing",
162+
supervisor: "Zekeriya Seok",
154163
floor: 4,
155-
employees: 11
164+
employees: 11,
156165
},
157-
kids: []
158-
}
159-
]
166+
kids: [],
167+
},
168+
],
160169
},
161170
{
162171
data: {
163-
name: 'b2',
164-
street: 's10',
165-
city: 'c2',
172+
name: "b2",
173+
street: "s10",
174+
city: "c2",
166175
departments: 3,
167-
offices: 10
176+
offices: 10,
168177
},
169178
kids: [
170179
{
171180
data: {
172-
department: 'development',
173-
supervisor: 'Gallagher Howie',
181+
department: "development",
182+
supervisor: "Gallagher Howie",
174183
floor: 8,
175-
employees: 24
184+
employees: 24,
176185
},
177186
kids: [
178187
{
179188
data: {
180-
name: 'Wat Dakota'
189+
name: "Wat Dakota",
181190
},
182-
kids: []
183-
}
184-
]
191+
kids: [],
192+
},
193+
],
185194
},
186195
{
187196
data: {
188-
department: 'testing',
189-
supervisor: 'Shirley Gayle',
197+
department: "testing",
198+
supervisor: "Shirley Gayle",
190199
floor: 4,
191-
employees: 11
200+
employees: 11,
192201
},
193-
kids: []
194-
}
195-
]
202+
kids: [],
203+
},
204+
],
196205
},
197206
{
198207
data: {
199-
name: 'b3',
200-
street: 's3',
201-
city: 'c3',
208+
name: "b3",
209+
street: "s3",
210+
city: "c3",
202211
departments: 2,
203-
offices: 1
212+
offices: 1,
204213
},
205214
kids: [
206215
{
207216
data: {
208-
department: 'development'
217+
department: "development",
209218
},
210219
kids: [
211220
{
212221
data: {
213-
name: 'Wat Dakota'
222+
name: "Wat Dakota",
214223
},
215-
kids: []
216-
}
217-
]
224+
kids: [],
225+
},
226+
],
218227
},
219-
{}
220-
]
228+
{},
229+
],
221230
},
222231
{
223232
data: {
224-
name: 'b4',
225-
city: 'c4'
233+
name: "b4",
234+
city: "c4",
226235
},
227-
kids: []
228-
}
236+
kids: [],
237+
},
229238
];
230239

231240
var dataInJson2 = [
232241
{
233242
data: {
234-
date: '2018-08'
243+
date: "2018-08",
235244
},
236245
kids: [
237246
{
238247
data: {
239-
' ':
240-
'<input type="checkbox" name="exampleCheckbox" value="exampleCheckbox">',
241-
img:
242-
'<img src=https:\/\/picsum.photos\/100\/100 width=20 \/>',
248+
" ": '<input type="checkbox" name="exampleCheckbox" value="exampleCheckbox">',
249+
img: "<img src=https:\/\/picsum.photos\/100\/100 width=20 \/>",
243250
like: {
244251
value: 47,
245-
cellClass: 'likeCell',
246-
headerClass: 'likeHeader'
252+
cellClass: "likeCell",
253+
headerClass: "likeHeader",
247254
},
248-
perf: { value: 130.55555555555554, cellClass: 'perf' },
249-
date: '2018-08-30'
255+
perf: { value: 130.55555555555554, cellClass: "perf" },
256+
date: "2018-08-30",
250257
},
251-
kids: []
258+
kids: [],
252259
},
253260
{
254261
data: {
255-
' ':
256-
'<input type="checkbox" name="exampleCheckbox2" value="exampleCheckbox2">',
257-
img:
258-
'<img src=https:\/\/picsum.photos\/100\/100 width=20 \/>',
262+
" ": '<input type="checkbox" name="exampleCheckbox2" value="exampleCheckbox2">',
263+
img: "<img src=https:\/\/picsum.photos\/100\/100 width=20 \/>",
259264
like: 24,
260265
perf: 66.66666666666667,
261-
date: '2018-08-31'
266+
date: "2018-08-31",
262267
},
263-
kids: []
264-
}
265-
]
266-
}
268+
kids: [],
269+
},
270+
],
271+
},
267272
];
268273

269274
var settings = {
270275
iDisplayLength: 20,
271276
bLengthChange: false,
272277
bFilter: false,
273278
bSort: false,
274-
bInfo: false
279+
bInfo: false,
275280
};
276281

277282
var table = new nestedTables.TableHierarchy(
278-
'example',
283+
"example",
279284
dataInJson,
280285
settings
281286
);
282287
table.initializeTableHierarchy();
283288

284289
var table2 = new nestedTables.TableHierarchy(
285-
'example2',
290+
"example2",
286291
dataInJson2,
287292
settings
288293
);
289294
table2.initializeTableHierarchy();
290295

291-
var tableEle = document.querySelector('#example .table');
292-
tableEle.addEventListener('onShowChildHierarchy', function(e) {
296+
var tableEle = document.querySelector("#example .table");
297+
tableEle.addEventListener("onShowChildHierarchy", function (e) {
293298
console.log(e);
294299
});
295-
tableEle.addEventListener('onHideChildHierarchy', function(e) {
300+
tableEle.addEventListener("onHideChildHierarchy", function (e) {
296301
console.log(e);
297302
});
298303
</script>
@@ -624,8 +629,11 @@ <h2 id="exampleHeader2">
624629
<img
625630
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0IiBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDE0NCAxMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8cGF0aCBkPSJNMTMyLjczIDExLjQxYzE1LjAyNyAxNS4yMTYgMTUuMDI3IDM5Ljg5IDAgNTUuMTA3bC02LjI5OCA2LjM3M0w3MiAxMjhWMTcuMzU2bDYuMjk0LTUuOTQ1Qzg1LjgxIDMuODA1IDk1LjY2IDAgMTA1LjUxIDBjOS44NTIgMCAxOS43MDMgMy44MDMgMjcuMjIgMTEuNDF6bS0xMjEuNDYgMGMtMTUuMDI3IDE1LjIxNi0xNS4wMjcgMzkuODkgMCA1NS4xMDdsNi4yOTggNi4zNzNMNzIgMTI4VjE3LjM1NmwtNi4yOTQtNS45NDVDNTguMTkgMy44MDUgNDguMzQgMCAzOC40OSAwYy05Ljg1MiAwLTE5LjcwMyAzLjgwMy0yNy4yMiAxMS40MXoiIGZpbGw9IiNGRTYwNjAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgLz4KPC9zdmc+Cg=="
626631
/>
627-
by <a href="http://andrejgajdos.com/">Andrej Gajdos</a> · Published
628-
under the <a href="http://opensource.org/licenses/MIT">MIT license</a>
632+
by <a href="http://andrejgajdos.com/">Andrej Gajdos</a> ·
633+
<a href="https://notionapiconnector.com/">Notion Api Connector</a> ·
634+
<a href="https://salesforcetonotion.com/">SalesforceToNotion</a> ·
635+
Published under the
636+
<a href="http://opensource.org/licenses/MIT">MIT license</a>
629637
</footer>
630638
</footer>
631639
</div>

0 commit comments

Comments
 (0)