ele easy table Download - ele easy table download do código-fonte

ele easy table

Outras categorias

1.0.0

Baixar

mesa ele-fácil

Instalar

 npm install ele-easy-table -S

introduzir

 import 'ele-easy-table'

demonstração de código

 <ele-easy-table :form="form" :table="table" :formData.sync="formData" @getList="handleSearch"></ele-easy-table>

Veja o código-fonte da demonstração para obter detalhes

Perceber

Depende do element-ui, seu projeto deve instalar o element-ui

Versão Element-ui usada pelo código-fonte

 "element-ui": "^2.4.5"

API

Adereços

propriedade	ilustrar	tipo	valor padrão
forma	Área de condição de consulta de tabela	Objeto	{}
mesa	Área de exibição da mesa	Objeto	{}
formData.sync	campos de consulta de formulário	Objeto	{}
paginação	Se deve exibir a área de paginação	[Booleano, Objeto]	verdadeiro
outros atributos	propriedades nativas da tabela el	Consulte as propriedades nativas da tabela el	-

item de subconfiguração do formulário

propriedade	ilustrar	tipo	valor padrão	Observação
aula	Configuração de estilo de área de condição de consulta de tabela	Objeto	-	-
estilo	Configuração de estilo embutido da área de condição de consulta de tabela	Objeto	-	-
dobraNum	A tabela é recolhida quando há mais do que muitas condições de consulta	Número	-	Sem este parâmetro, todos serão exibidos
lista	Lista de condições de consulta de tabela	Variedade	-	Veja o código-fonte da demonstração para obter detalhes

item de subconfiguração da tabela

propriedade	ilustrar	tipo	valor padrão	Observação
lista	Lista de dados da tabela	Variedade	-	-
colunas	Lista de cabeçalhos de tabela	Variedade	-	Veja o código-fonte da demonstração para obter detalhes
está carregando	Se deve exibir a animação de carregamento da tabela	Booleano	-
showIndex	Se deve exibir a coluna do número de série	Booleano	verdadeiro
indexFixed	Se deve corrigir a coluna do número de série	Booleano	falso
indexLabel	Personalize o texto do cabeçalho da lista de números de série	Corda	número de série
seleção	Formulário de configuração de seleção múltipla	Objeto	{}

item de subconfiguração de seleção

propriedade	ilustrar	tipo	valor padrão	Observação
configuração	Formar múltiplas propriedades de seleção	Objeto	-	-

item de subconfiguração de paginação

atributo nativo el-pagination

Métodos

@getLista()

Executado quando o número da página é alterado ou o número exibido em cada página muda, os dados são obtidos e atribuídos a table.list para atualizar a lista.

outros eventos da tabela de elementos

eventos nativos da tabela el, por exemplo: @selection-change="handleSelectionChange" Consulte o código-fonte da demonstração para obter detalhes

História

v1.1.3

1. Adicionada configuração de seleção múltipla de tabela
2. Use v-bind="$attrs" v-on="$listeners" para transplantar atributos nativos da tabela el
Para obter detalhes sobre como usá-lo, consulte ele-easy-table-demo

v1.1.4

O componente el-pagination adiciona itens de configuração nativos

v1.1.5

Adicione conteúdo de cabeçalho personalizado

v1.1.6

Otimização da condição de exibição do número de série da tabela

v1.1.7

Adicionada caixa de entrada para dar suporte ao formulário de consulta de entrada de chave

v1.1.8

Corrigir bug de exibição do número de série da tabela

v1.1.9

Corrigido um bug na exibição dos números de série da tabela quando não há virada de página.

v1.2.0

As condições de consulta suportam dobramento

v1.2.1

As condições de consulta do tipo de slot suportam a configuração de dobrar ou não

v1.2.2

O evento handleClick da tabela suporta o segundo escopo de parâmetro, que pode obter dados de linha, coluna, $index e armazenamento (gerenciamento de estado dentro da tabela). Para uso, consulte o código-fonte da demonstração.

v1.2.3

Adicionado evento handleExpand (evento de retorno de chamada após dobramento condicional)

evento	ilustrar	parâmetro
identificadorExpandir	Evento de retorno de chamada após dobramento condicional	éExpandir

A tabela tem um novo overflow de estilo embutido: visível para implementar o layout fixo do cabeçalho da tabela, basta adicionar o seguinte estilo;
Nota: Se for um estilo com escopo definido, você precisará usar o operador >>> (consulte o escopo CSS do documento para obter detalhes)
```
 /* 全局样式 */
. 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 ;
}
```
Veja o código-fonte da demonstração para obter detalhes
Nota: Não pode ser usado com fixação de coluna ao mesmo tempo. Para usá-lo ao mesmo tempo, você pode usar o atributo da tabela nativa do elemento para definir a altura da tabela.