Skip to content
This repository was archived by the owner on Mar 27, 2025. It is now read-only.

Commit aa7d9b9

Browse files
committed
feat(BTable): the selection box is now can be modified through CSS using the .b-table-selection-icon and .selected selectors
1 parent 3bec258 commit aa7d9b9

File tree

1 file changed

+24
-23
lines changed
  • packages/bootstrap-vue-next/src/components/BTable

1 file changed

+24
-23
lines changed

packages/bootstrap-vue-next/src/components/BTable/BTable.vue

Lines changed: 24 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -94,31 +94,32 @@
9494
}"
9595
>
9696
<slot name="select-cell">
97-
<span :class="selectedItems.has(item) ? 'text-primary' : ''">🗹</span>
97+
<span
98+
class="b-table-selection-icon"
99+
:class="selectedItems.has(item) ? 'text-primary selected' : ''"
100+
>🗹</span
101+
>
98102
</slot>
99103
</td>
100-
<td
101-
v-for="field in computedFields"
102-
:key="field.key"
103-
v-bind="field.tdAttr"
104-
:class="getFieldRowClasses(field, item)"
105-
>
106-
<label v-if="stacked && labelStackedBoolean" class="b-table-stacked-label">{{
107-
getFieldHeadLabel(field)
108-
}}</label>
109-
<slot
110-
v-if="$slots['cell(' + field.key + ')'] || $slots['cell()']"
111-
:name="$slots['cell(' + field.key + ')'] ? 'cell(' + field.key + ')' : 'cell()'"
112-
:value="item[field.key]"
113-
:index="itemIndex"
114-
:item="item"
115-
:field="field"
116-
:items="items"
117-
:toggle-details="() => toggleRowDetails(item)"
118-
:details-showing="item._showDetails"
119-
/>
120-
<template v-else>{{ renderItem(item, field) }}</template>
121-
</td>
104+
<template v-for="field in computedFields" :key="field.key">
105+
<td v-bind="field.tdAttr" :class="getFieldRowClasses(field, item)">
106+
<label v-if="stacked && labelStackedBoolean" class="b-table-stacked-label">{{
107+
getFieldHeadLabel(field)
108+
}}</label>
109+
<slot
110+
v-if="$slots['cell(' + field.key + ')'] || $slots['cell()']"
111+
:name="$slots['cell(' + field.key + ')'] ? 'cell(' + field.key + ')' : 'cell()'"
112+
:value="item[field.key]"
113+
:index="itemIndex"
114+
:item="item"
115+
:field="field"
116+
:items="items"
117+
:toggle-details="() => toggleRowDetails(item)"
118+
:details-showing="item._showDetails"
119+
/>
120+
<template v-else>{{ renderItem(item, field) }}</template>
121+
</td>
122+
</template>
122123
</tr>
123124

124125
<tr v-if="item._showDetails === true && $slots['row-details']" :class="getRowClasses(item)">

0 commit comments

Comments
 (0)