npm install ele-easy-table -S
import 'ele-easy-table'
<ele-easy-table :form="form" :table="table" :formData.sync="formData" @getList="handleSearch"></ele-easy-table>
Для получения подробной информации см. Демо -исходный код
Полагаясь на Element-UI, ваш проект должен установить element-ui
Элементная версия, используемая исходным кодом
"element-ui": "^2.4.5"
| свойство | иллюстрировать | тип | значение по умолчанию |
|---|---|---|---|
| форма | Форма Запрос Зона условия | Объект | {} |
| стол | Форма область отображения | Объект | {} |
| FormData.Sync | Форма Запроса Поля | Объект | {} |
| страница | Отображать зону страниц | [Boolean, Object] | истинный |
| Другие атрибуты | El-Table Native Attribute | Ссылка на нативный атрибут El-Table | - |
| свойство | иллюстрировать | тип | значение по умолчанию | Примечание |
|---|---|---|---|---|
| сорт | Форма запроса условия | Объект | - | - |
| Стиль | Форма Запроса Условия Условия | Объект | - | - |
| FOLTNUM | Складывание условий запроса формы, когда их больше, чем многоги | Число | - | Таких параметров не отображаются |
| список | Список условий таблицы запросов | Множество | - | Для получения подробной информации см. Демо -исходный код |
| свойство | иллюстрировать | тип | значение по умолчанию | Примечание |
|---|---|---|---|---|
| список | Список данных таблицы | Множество | - | - |
| колонны | Список голов таблицы | Множество | - | Для получения подробной информации см. Демо -исходный код |
| разгрузка | Загружает ли таблица отображения анимацию | Логический | - | |
| Showindex | Отображать серийный номер | Логический | истинный | |
| индексный | Исправить столбец серийного номера | Логический | ЛОЖЬ | |
| indexlabel | Пользовательский серийный номер. Текст заголовка столбца | Нить | Серийный номер | |
| Выбор | Формировать несколько дополнительных конфигурации | Объект | {} |
| свойство | иллюстрировать | тип | значение по умолчанию | Примечание |
|---|---|---|---|---|
| конфигурация | Мульти -хровые атрибуты | Объект | - | - |
Нативный атрибут El-Pag
Переключение страниц или количество отображения отображения на страницу выполняется, получает данные, а затем назначьте список в список обновлений Table.list
Нативное событие El-Table, например:@select-change = "handleSelectionChange" Для получения подробной информации см. Демо-исходный код.
| событие | иллюстрировать | параметр |
|---|---|---|
| Руководство | Вызов инцидента после складывания | IsExpand |
Таблица добавлена с внутренним стилем переполнена: видимо;
Примечание. Если это стиль с масштабами, его необходимо использовать >>> Операционные символы (см. Домен действия документа CSS)
/* 全局样式 */
. el-table__header-wrapper {
position : sticky;
top : 0 ;
z-index : 999 ;
}
/* scoped 局部样式 */
. ele-easy-table-demo > > > . el-table__header-wrapper {
position : sticky;
top : 0 ;
z-index : 999 ;
}Подробнее см. Демо -исходный код
Примечание. Он не может быть использован в то же время, что и столбцы.