Luca/thetool
1
0
Fork 0
Code Issues 5 Pull Requests 5 Actions Packages Projects Releases Wiki Activity

added headerClass property to tt-table

Browse Source
This commit is contained in:
Luca Haid
2024-07-23 17:15:13 +02:00
parent 4456c3e8fb
commit f090cea9a8
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
public/plugins/vue/tt-components/tt-table.js
View File

@@ -15,6 +15,7 @@
* For 'iconSelect', an additional 'icon' property (CSS class for the icon) is required.
* @property {boolean} [sortable=true] - (Optional) Indicates whether the column is sortable. Default is true.
* @property {string} [class] - (Optional) Additional CSS classes to apply to the column.
* @property {string} [headerClass] - (Optional) Additional CSS classes to apply to the column header.
* @property {string} [suffix] - (Optional) Additional CSS classes to apply to the column.
* @property {string} [prefix] - (Optional) Additional CSS classes to apply to the column.
* */
@@ -144,13 +145,13 @@ Vue.component('tt-table', {
<tr>
<th scope="col" v-for="column in columns"
:ref="'table_header_'+column.key"
:class="column.headerClass ? column.headerClass : 'tt-table-header'"
v-if="!hiddenColumns.includes(column.key)"
:style="'vertical-align: top; text-align: center;' +
(column.filter === 'dateRange' ? 'min-width: 260px;' : '') +
:style="(column.filter === 'dateRange' ? 'min-width: 260px;' : '') +
(originalColumnWidths[column.key] ? 'width: ' + originalColumnWidths[column.key] + 'px;' : '')"
>
<div
style="text-align:center; white-space: nowrap;word-break: keep-all;user-select: none;"
style="white-space: nowrap;word-break: keep-all;user-select: none;"
:style="{ 'cursor': column.sortable ? 'pointer' : 'default' }"
@click="column.sortable && !disableFiltering ? setOrder(column.key) : undefined">
{{ column.text }}
@@ -596,6 +597,7 @@ Vue.component('tt-table', {
filterOptions: column.filterOptions || undefined,
sortable: column.sortable !== undefined ? column.sortable : true,
class: column.class !== undefined ? column.class : '',
headerClass: column.headerClass || false,
prefix: column.prefix || '',
suffix: column.suffix || '',
priority: column.priority + 100 || i--