jingrow/datatable
1
0
Fork 0
Code Pull Requests Activity

fix: show datatable cell content in tooltip on hover

Browse Source
This commit is contained in:
Shariq Ansari 2023-01-25 16:53:34 +05:30
parent eda1540f3b
commit 0b1ce23a33
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/cellmanager.js
View File

@ -870,7 +870,7 @@ export default class CellManager {
isHeader ? `dt-cell__content--header-${colIndex}` : `dt-cell__content--col-${colIndex}` isHeader ? `dt-cell__content--header-${colIndex}` : `dt-cell__content--col-${colIndex}`
].join(' '); ].join(' ');
return ` let cellContentHTML = `
<div class="${className}"> <div class="${className}">
${contentHTML} ${contentHTML}
${sortIndicator} ${sortIndicator}
@ -879,6 +879,16 @@ export default class CellManager {
</div> </div>
${editCellHTML} ${editCellHTML}
`; `;
let div = document.createElement('div');
div.innerHTML = contentHTML;
let textContent = div.textContent;
textContent = textContent.replace(/\s+/g, ' ').trim();
cellContentHTML = cellContentHTML.replace('>', ` title="${textContent}">`);
return cellContentHTML;
} }
getEditCellHTML(colIndex) { getEditCellHTML(colIndex) {