jingrow/datatable
1
0
Fork 0
Code Pull Requests Activity

[feature] Dynamic Row Height

Browse Source
This commit is contained in:
Faris Ansari 2018-04-06 17:07:22 +05:30
parent 5388a8ffe8
commit 4bb4002300
7 changed files with 42 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
dist/frappe-datatable.cjs.js vendored
View File

@ -3230,8 +3230,9 @@ class Style {
}
setDefaultCellHeight() {
if (this.options.dynamicRowHeight) return;
if (this.__cellHeightSet) return;
const $firstCell = $('.data-table-cell', this.instance.bodyScrollable);
const $firstCell = $('.data-table-cell[data-is-header]', this.instance.header);
if (!$firstCell) return;
const height = this.options.cellHeight || $.style($firstCell, 'height');
@ -3282,6 +3283,14 @@ class Style {
width: width + 'px'
});
const $body = $('.data-table-body', this.bodyScrollable);
if ($body) {
$.style($body, {
height: '0px'
});
}
$.style(this.bodyScrollable, {
marginTop: $.style(this.header, 'height') + 'px'
});
@ -3419,7 +3428,8 @@ var DEFAULT_OPTIONS = {
cellHeight: null,
inlineFilters: false,
treeView: false,
checkedRowStatus: true
checkedRowStatus: true,
dynamicRowHeight: false
};
class DataTable {
@ -3614,7 +3624,7 @@ class DataTable {
DataTable.instances = 0;
var name = "frappe-datatable";
var version = "0.0.3";
var version = "0.0.4";
var description = "A modern datatable library for the web";
var main = "dist/frappe-datatable.cjs.js";
var scripts = {"start":"yarn run dev","build":"rollup -c","dev":"rollup -c -w","test":"mocha --compilers js:babel-core/register --colors ./test/*.spec.js","test:watch":"mocha --compilers js:babel-core/register --colors -w ./test/*.spec.js"};

1
dist/frappe-datatable.css vendored
View File

@ -209,6 +209,7 @@
padding: 8px;
padding: 0.5rem;
border: 2px solid transparent;
height: 100%;
}
.data-table-cell .content.ellipsis {

16
dist/frappe-datatable.js vendored
View File

@ -3229,8 +3229,9 @@ class Style {
}
setDefaultCellHeight() {
if (this.options.dynamicRowHeight) return;
if (this.__cellHeightSet) return;
const $firstCell = $('.data-table-cell', this.instance.bodyScrollable);
const $firstCell = $('.data-table-cell[data-is-header]', this.instance.header);
if (!$firstCell) return;
const height = this.options.cellHeight || $.style($firstCell, 'height');
@ -3281,6 +3282,14 @@ class Style {
width: width + 'px'
});
const $body = $('.data-table-body', this.bodyScrollable);
if ($body) {
$.style($body, {
height: '0px'
});
}
$.style(this.bodyScrollable, {
marginTop: $.style(this.header, 'height') + 'px'
});
@ -3418,7 +3427,8 @@ var DEFAULT_OPTIONS = {
cellHeight: null,
inlineFilters: false,
treeView: false,
checkedRowStatus: true
checkedRowStatus: true,
dynamicRowHeight: false
};
class DataTable {
@ -3613,7 +3623,7 @@ class DataTable {
DataTable.instances = 0;
var name = "frappe-datatable";
var version = "0.0.3";
var version = "0.0.4";
var description = "A modern datatable library for the web";
var main = "dist/frappe-datatable.cjs.js";
var scripts = {"start":"yarn run dev","build":"rollup -c","dev":"rollup -c -w","test":"mocha --compilers js:babel-core/register --colors ./test/*.spec.js","test:watch":"mocha --compilers js:babel-core/register --colors -w ./test/*.spec.js"};

3
index.html
View File

File diff suppressed because one or more lines are too long

3
src/defaults.js
View File

@ -50,5 +50,6 @@ export default {
cellHeight: null,
inlineFilters: false,
treeView: false,
checkedRowStatus: true
checkedRowStatus: true,
dynamicRowHeight: false
};

1
src/style.css
View File

@ -201,6 +201,7 @@
.content {
padding: var(--spacer-2);
border: 2px solid transparent;
height: 100%;
&.ellipsis {
text-overflow: ellipsis;

11
src/style.js
View File

@ -220,8 +220,9 @@ export default class Style {
}
setDefaultCellHeight() {
if (this.options.dynamicRowHeight) return;
if (this.__cellHeightSet) return;
const $firstCell = $('.data-table-cell', this.instance.bodyScrollable);
const $firstCell = $('.data-table-cell[data-is-header]', this.instance.header);
if (!$firstCell) return;
const height = this.options.cellHeight || $.style($firstCell, 'height');
@ -272,6 +273,14 @@ export default class Style {
width: width + 'px'
});
const $body = $('.data-table-body', this.bodyScrollable);
if ($body) {
$.style($body, {
height: '0px'
});
}
$.style(this.bodyScrollable, {
marginTop: $.style(this.header, 'height') + 'px'
});