Compare commits
13 Commits
Author | SHA1 | Date |
---|---|---|
Vitaliy Filippov | 9129ce6893 | |
Vitaliy Filippov | bfc9f24251 | |
Vitaliy Filippov | b5060d0296 | |
Vitaliy Filippov | 8f565469ac | |
Vitaliy Filippov | 68ee12f7e7 | |
Vitaliy Filippov | 9d8f352037 | |
Vitaliy Filippov | 89084fa045 | |
Vitaliy Filippov | afedd70edd | |
Vitaliy Filippov | ecf43f9711 | |
Vitaliy Filippov | 3cad0959e6 | |
Vitaliy Filippov | 70488eeb8e | |
Vitaliy Filippov | bcc9a26ef2 | |
Vitaliy Filippov | 72d11e887c |
20
treegrid.css
20
treegrid.css
|
@ -34,6 +34,7 @@ table.grid
|
||||||
{
|
{
|
||||||
border-collapse: separate;
|
border-collapse: separate;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
|
outline: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
table.grid > *:first-child > tr:first-child > *, table.grid > tr:first-child > *
|
table.grid > *:first-child > tr:first-child > *, table.grid > tr:first-child > *
|
||||||
|
@ -158,6 +159,16 @@ table.grid .celleditor input
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.grid-no-sticky-col .grid-body-wrapper
|
||||||
|
{
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid-no-sticky-col .grid-fixed-row-wrapper
|
||||||
|
{
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.grid-fixed-cell
|
.grid-fixed-cell
|
||||||
{
|
{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
@ -169,6 +180,15 @@ table.grid .celleditor input
|
||||||
z-index: 4;
|
z-index: 4;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.grid-fixed-col-sizer
|
||||||
|
{
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
z-index: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.grid-fixed-col-wrapper2
|
.grid-fixed-col-wrapper2
|
||||||
{
|
{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
1001
treegrid.js
1001
treegrid.js
File diff suppressed because it is too large
Load Diff
|
@ -16,10 +16,26 @@ th, td { border-width: 0 1px 1px 0 !important; }
|
||||||
<!--
|
<!--
|
||||||
(function()
|
(function()
|
||||||
{
|
{
|
||||||
var i = {
|
var items = [];
|
||||||
data: [ 'Payment from Gazprom to Shell 2', '4', '5' ]
|
for (var i = 0; i < 1000; i++)
|
||||||
};
|
{
|
||||||
var TG = window.TG = new TreeGrid({ header: [], items: [], bind: { rowSpan: true }, stickyHeaders: true, stickyColumnWidth: '200px', renderer: function(node)
|
items[i] = {
|
||||||
|
data: [ 'Payment from Gazprom to Shell '+i, (Math.random()+'').substr(0, 6), '', (Math.random()+'').substr(0, 6) ],
|
||||||
|
collapsed: true,
|
||||||
|
children: []
|
||||||
|
};
|
||||||
|
for (var j = 0; j < 5; j++)
|
||||||
|
{
|
||||||
|
items[i].children[j] = {
|
||||||
|
data: [ 'Subpayment '+i+' / '+j, 231, 231 ],
|
||||||
|
leaf: true
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
//var TG = window.TG = new TreeGrid({ header: [], items: [], bind: { rowSpan: true }, stickyHeaders: true, stickyColumnWidth: '200px', renderer: function(node)
|
||||||
|
var TG = window.TG = new TreeGrid({ header: [
|
||||||
|
'', '15 фев', '16 фев', '17 фев', '18 фев'
|
||||||
|
], items: items, bind: { rowSpan: true }, stickyHeaders: true, stickyColumnWidth: '200px', renderer: function(node)
|
||||||
{
|
{
|
||||||
var cells = [];
|
var cells = [];
|
||||||
for (var i = 0; i < node.data.length; i++)
|
for (var i = 0; i < node.data.length; i++)
|
||||||
|
@ -32,11 +48,24 @@ th, td { border-width: 0 1px 1px 0 !important; }
|
||||||
}
|
}
|
||||||
return cells;
|
return cells;
|
||||||
} });
|
} });
|
||||||
document.body.appendChild(TG.wrapper);
|
document.body.appendChild(TG.wrapper||TG.table);
|
||||||
setTimeout(function() {
|
TG.syncView();
|
||||||
|
/*setTimeout(function() {
|
||||||
TG.setHeader([ '', '15 фев', '16 фев', '17 фев', '18 фев', '19 фев', '20 фев', '21 фев', '15 фев', '16 фев', '17 фев', '18 фев', '19 фев', '20 фев', '21 фев', '15 фев', '16 фев', '17 фев', '18 фев', '19 фев', '20 фев', '21 фев', '15 фев', '16 фев', '17 фев', '18 фев', '19 фев', '20 фев', '21 фев' ]);
|
TG.setHeader([ '', '15 фев', '16 фев', '17 фев', '18 фев', '19 фев', '20 фев', '21 фев', '15 фев', '16 фев', '17 фев', '18 фев', '19 фев', '20 фев', '21 фев', '15 фев', '16 фев', '17 фев', '18 фев', '19 фев', '20 фев', '21 фев', '15 фев', '16 фев', '17 фев', '18 фев', '19 фев', '20 фев', '21 фев' ]);
|
||||||
TG.root.setChildren(false, [ {
|
TG.root.setChildren(false, [ {
|
||||||
data: [ 'Payment from Gazprom to Shell', '2', '3' ]
|
data: [ 'Payment from Gazprom to Shell', '2', '3' ],
|
||||||
|
children: [ {
|
||||||
|
data: [ 'Payment from Gazprom to Shell', '2', '3' ],
|
||||||
|
}, {
|
||||||
|
data: [ 'Payment from Gazprom to Shell', '2', '31203' ],
|
||||||
|
rows: 2
|
||||||
|
}, {
|
||||||
|
data: [ 'Payment from Gazprom to Shell', '2', '329x<br>2' ]
|
||||||
|
}, {
|
||||||
|
data: [ 'Payment from Gazprom to Shell', '2', '239000' ]
|
||||||
|
}, {
|
||||||
|
data: [ 'Payment from Gazprom to Shell', '2', 'aaaaa' ]
|
||||||
|
} ]
|
||||||
}, {
|
}, {
|
||||||
data: [ 'Payment from Gazprom to Shell', '2', '31203' ],
|
data: [ 'Payment from Gazprom to Shell', '2', '31203' ],
|
||||||
rows: 2
|
rows: 2
|
||||||
|
@ -72,7 +101,7 @@ th, td { border-width: 0 1px 1px 0 !important; }
|
||||||
TG.onCellSelect = function(node, i, td)
|
TG.onCellSelect = function(node, i, td)
|
||||||
{
|
{
|
||||||
return i > 0;
|
return i > 0;
|
||||||
};
|
};*/
|
||||||
})();
|
})();
|
||||||
//-->
|
//-->
|
||||||
</script>
|
</script>
|
||||||
|
|
Loading…
Reference in New Issue