Squeak.ru - шаблоны программирования

Сгруппированные строки в таблице начальной загрузки Vue

Я пытаюсь найти способ сгруппировать строки при использовании b-table в таблице начальной загрузки Vue. Под сгруппированными я имею в виду что-то вроде этого.

введите описание изображения здесь

Это разрешено в (https://xaksis.github.io/vue-good-table/guide/advanced/grouped-table.html#customizing-header-row).

Но мне не удалось найти аналогичную функциональность в случае b-table. Кто-нибудь делал это раньше? Является ли это возможным?

javascript vue.js vuejs2
09.06.2020

Ответы:


1

Я думаю, что пока не в их текущей документации, поскольку b-table в компоненте bootstrapVue поддерживает только разбивку на страницы, фильтрацию, сортировку, пользовательский рендеринг, различные параметры стиля, события и асинхронные данные. но с ограниченным набором шаблонов.

Если для пользовательской таблицы, просто используйте обычные v-for шаблоны, как обычный Bootstrap <table> в HTML. Или сделал свой многоразовый пользовательский компонент, например <my-grouped-table :slots="data">

09.06.2020
  • Я понимаю. Эй, это возможно? (stackoverflow.com/questions/62288939/) 09.06.2020
  • Я просто отвечу здесь, вместо того, чтобы ходить туда-сюда. Я не думаю, что для BootstrapVue v-for внутри b-table это возможно, поскольку есть некоторые сложности, которые следует учитывать. Я бы просто создал свой собственный нестандартный компонент с моим собственным определенным template с этим сворачиванием аккордеона и группировкой. Если эта тема считается отвеченной, любезно помечена как отвеченная, ура, спасибо 09.06.2020
    • Новые материалы
    Угловая структура архитектуры
    Обратите внимание, что эта статья устарела, я решил создать новую с лучшей структурой и с учетом автономных компонентов: https://medium.com/@marekpanti/angular-standalone-architecture-b645edd0d54a..
    «Данные, которые большинство людей используют для обучения своих моделей искусственного интеллекта, поставляются со встроенным…
    Первоначально опубликовано HalkTalks: https://hacktown.com.br/blog/blog/os-dados-que-a-maioria-das-pessoas-usa-para-treinar-seus-modelos-de-inteligencia-artificial- ja-vem-com-um-vies-embutido/..
    Сильный ИИ против слабого ИИ: различия парадигм искусственного интеллекта
    В последние годы изучению и развитию искусственного интеллекта (ИИ) уделяется большое внимание и прогресс. Сильный ИИ и Слабый ИИ — две основные парадигмы в области искусственного интеллекта...
    Правильный способ добавить Firebase в ваш проект React с помощью React Hooks
    React + Firebase - это мощная комбинация для быстрого и безопасного создания приложений, от проверки концепции до массового производства. Раньше (знаете, несколько месяцев назад) добавление..
    Создайте API с помощью Python FastAPI
    Создание API с помощью Python становится очень простым при использовании пакета FastAPI. После установки и импорта вы можете создать приложение FastAPI и указать несколько конечных точек. Каждой..
    Веселье с прокси-сервером JavaScript
    Прокси-серверы JavaScript — это чистый сахар, если вы хотите создать некоторую общую логику в своих приложениях, чтобы облегчить себе жизнь. Вот один пример: Связь клиент-сервер Мы..
    Получить бесплатный хостинг для разработчиков | Разместите свой сайт за несколько шагов 🔥
    Статические веб-сайты — это веб-страницы с фиксированным содержанием и его постоянным содержанием. Но теперь статические сайты также обрабатывают динамические данные с помощью API и запросов...