Equalizar células de um grid
- Insira a classe ui_equalItem em todos os elementos do grid
- Envolva todas as células ui_equalItem em uma div com a classe ui_equal
- Pode usar mais de uma vez na mesma página, onde cada ui_equal será independente do outro
Pronto! Isso é suficiente. Caso queira, você pode customizar a função:
- A maior célula determina a altura das demais células por linha
- Para igualar a altura de todas as células, independente da linha, use em ui_grid o atributo data-perline, ex: data-perline="false"
- Por padrão, o grid terá 3 colunas.
- Use o atributo data-columns em ui_grid e informe o número de colunas, ex: data-columns="4"
- O espaçamento padrão horizontal e vertical entre as células é de 10 pixels.
- Para alterar o valor do espaçamento horizontal, use o atributo data-margin-horizontal em ui_equal, ex: data-margin-horizontal="20"
- Faça o mesmo para alterar o valor do espaçamento vertical através do atributo data-margin-vertical, ex: data-margin-vertical="20"