Я использую поддержка выбора строки таблицы начальной загрузки . Я хочу изменить цвет выбранного варианта опоры b-таблицы. В коде info - это цвет выбранного варианта выбранной строки в таблице. Я хочу настроить его и сделать его цветным # 91c27d .
Ниже приведен код и снимок экрана.
Это HTML-код таблицы:
<b-table
sticky-header="450px"
striped
hover
:items="items"
:fields="fields"
ref="selectableTable"
selectable
:select-mode="selectMode"
selected-variant="info"
@row-selected="onRowSelected">
</b-table>
Это весь скрипт:
import axios from 'axios';
export default {
name: "Canvassing",
data() {
return {
fields: [
{ key: 'userId', label: 'User ID', thStyle: {background: '#0074a5', color: '#ffffff'} },
{ key: 'id', label: 'ID', thStyle: {background: '#0074a5', color: '#ffffff'} },
{ key: 'title', label: 'Title', thStyle: {background: '#0074a5', color: '#ffffff'} },
{ key: 'completed', label: 'Completed', thStyle: {background: '#0074a5', color: '#ffffff'} }
],
items: []
}
},
created() {
axios
.get('https://jsonplaceholder.typicode.com/todos')
.then(res => this.items = res.data)
.catch(e => {
this.errors.push(e)
});
},
methods: {
onRowSelected(items) {
this.selected = items
}
}
}
Это скриншот вывода: