Нижний колонтитул в b-таблице не отображается - Bootstrap - vue - PullRequest
Новая
       11

Нижний колонтитул в b-таблице не отображается - Bootstrap - vue

0 голосов
/ 05 мая 2020

Я использую версию «bootstrap - vue»: «2.0.0-r c .11», и я не знаю, почему нижний колонтитул в таблице не работает. Я пробовал использовать примеры документации, но у меня ничего не вышло.

Мой код: 

<!-- TEST 1 -->
<b-table id="my-table" hover striped small outlined :items="items" :fields="fields" class="mt-0 mb-0">
    <template v-slot:custom-foot>
        <tr>
            <td class="bg-dark text-white">
                TEST 1
            </td>
        </tr>
    </template>
</b-table>

<!-- TEST 2 -->
<b-table id="my-table" hover striped small outlined :items="items" :fields="fields" class="mt-0 mb-0">
    <template v-slot:cell(name)="data">
        TEST 2
    </template>
</b-table>

data() {
    return {
    fields: [
        { key: 'name', label: 'Full Name' },
        { key: 'age', label: 'Age' },
        { key: 'sex', label: 'Sex' }
    ],
    items: [
        { name: 'John', sex: 'Male', age: 42 },
        { name: 'Jane', sex: 'Female', age: 36 },
        { name: 'Rubin', sex: 'Male', age: 73 },
        { name: 'Shirley', sex: 'Female', age: 62 }
    ]
    }
}

Он просто не отображает нижний колонтитул.

1 Ответ

2 голосов
/ 05 мая 2020

Проблемы, с которыми вы сталкиваетесь, связаны с используемой версией.

Слот custom-foot был введен в выпуске 2.0.0 и недоступен в версии rc.

То же самое и с вашим примером TEST 2. Синтаксис слота, который вы здесь используете, был введен в 2.0.0.

До этого он был [field], HEAD[field] и FOOT[field] в версии 2.0.0-rc.28. (и ТОЛЬКО эта версия).

В версии 2.0.0-rc.27 и ниже это field, HEAD_field, FOOT_field.

Я бы посоветовал вам обновить свой версии, чтобы получить последние функции и исправления, так как тот, который вы сейчас используете, довольно старый. внесены некоторые критические изменения.

Существует руководство по миграции , которое вы можете использовать, чтобы избежать слишком многих проблем.

Если вы не хотите / не можете выполнить обновление. Вместо этого вы можете клонировать git репозиторий и сгенерировать документы локально на вашем компьютере для той версии, которую вы используете. Таким образом, информация в документации будет соответствовать вашей версии, чтобы избежать путаницы.

Вы даже можете загрузить его на свой собственный хост, если вам нужно, чтобы он был доступен онлайн.

...