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 ;
}
Подробнее см. Демо -исходный код
Примечание. Он не может быть использован в то же время, что и столбцы.