jingrow/datatable
1
0
Fork 0
Code Pull Requests Activity

Append styles in style element rather than inline css

Browse Source
This commit is contained in:
Faris Ansari 2017-09-28 22:24:10 +05:30
parent 8767066e3e
commit cdb6bd55d7
3 changed files with 630 additions and 600 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1195
lib/ReGrid.js
View File

File diff suppressed because one or more lines are too long

2
lib/ReGrid.js.map
View File

File diff suppressed because one or more lines are too long

33
src/regrid.js
View File

@ -130,7 +130,7 @@ export default class ReGrid {
columns = [serialNoColumn].concat(columns); columns = [serialNoColumn].concat(columns);
rows = rows.map((row, i) => { rows = rows.map((row, i) => {
const val = (i + 1) + ""; const val = (i + 1) + '';
return [val].concat(row); return [val].concat(row);
}); });
@ -170,8 +170,6 @@ export default class ReGrid {
} }
setDimensions() { setDimensions() {
const self = this;
// setting width as 0 will ensure that the // setting width as 0 will ensure that the
// header doesn't take the available space // header doesn't take the available space
this.header.css({ this.header.css({
@ -179,21 +177,27 @@ export default class ReGrid {
margin: 0 margin: 0
}); });
let styles = '';
// set the width for each cell // set the width for each cell
this.header.find('.data-table-col').each(function () { this.header.find('.data-table-col').each(function () {
const col = $(this); const col = $(this);
const height = col.find('.content').height(); const height = col.find('.content').height();
const width = col.find('.content').width(); const width = col.find('.content').width();
const colIndex = col.attr('data-col-index'); const colIndex = col.attr('data-col-index');
const selector = `.data-table-col[data-col-index="${colIndex}"] .content`;
const $cell = self.bodyScrollable.find(selector);
$cell.width(width); styles += `
$cell.height(height); [data-col-index="${colIndex}"] .content {
width: ${width}px;
height: ${height}px;
}
`;
}); });
this.appendStyle(styles);
this.setBodyWidth(); this.setBodyWidth();
this.setColumnWidths();
// this.setColumnWidths();
this.bodyScrollable.css({ this.bodyScrollable.css({
marginTop: this.header.height() + 1 marginTop: this.header.height() + 1
@ -391,6 +395,19 @@ export default class ReGrid {
); );
} }
appendStyle(style) {
let $style = this.wrapper.find('style[data-id="regrid"]');
if ($style.length === 0) {
$style = $('<style data-id="regrid"></style>').prependTo(this.wrapper);
}
// existing styles
let styles = $style.text();
styles += style;
$style.html(styles);
}
getColumn(colIndex) { getColumn(colIndex) {
return this.data.columns.find(col => col.colIndex === colIndex); return this.data.columns.find(col => col.colIndex === colIndex);
} }