diff --git a/src/cellmanager.js b/src/cellmanager.js index a796297..122a323 100644 --- a/src/cellmanager.js +++ b/src/cellmanager.js @@ -768,18 +768,21 @@ export default class CellManager { isFilter, isTotalRow } = cell; + const dataAttr = makeDataAttributeString({ rowIndex, colIndex, isHeader, isFilter, - isTotalRow + isTotalRow, }); const row = this.datamanager.getRow(rowIndex); const isBodyCell = !(isHeader || isFilter || isTotalRow); + const isCheckboxCell = Boolean(cell.column && cell.column.id == '_checkbox'); + const className = [ 'dt-cell', 'dt-cell--col-' + colIndex, @@ -788,7 +791,8 @@ export default class CellManager { isHeader ? 'dt-cell--header' : '', isHeader ? `dt-cell--header-${colIndex}` : '', isFilter ? 'dt-cell--filter' : '', - isBodyCell && (row && row.meta.isTreeNodeClose) ? 'dt-cell--tree-close' : '' + isBodyCell && (row && row.meta.isTreeNodeClose) ? 'dt-cell--tree-close' : '', + isCheckboxCell ? 'dt-cell--checkbox': '', ].join(' '); return ` diff --git a/src/style.css b/src/style.css index a4f2b57..784af1f 100644 --- a/src/style.css +++ b/src/style.css @@ -162,6 +162,10 @@ &:last-child { border-right: 1px solid var(--dt-border-color); } + + &--checkbox &__content { + text-overflow: clip; + } } .icon-open, .icon-close {