angular-ui/ui-grid

Column Alignment fails on large column sets with expandable row

Open

#4.719 aberto em 17 de nov. de 2015

Ver no GitHub
 (4 comments) (0 reactions) (0 assignees)JavaScript (2.496 forks)batch import
help wanted

Métricas do repositório

Stars
 (5.395 stars)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

Description

When a large number of columns are present in the grid utilizing the expandable row will cause the subsequent rows to become misaligned. Additionally, scrolling to the right reveals that some columns are not rendering data at all towards the end of the grid (horizontally) for the expanded row and subsequent rows.

I have created a plunker to demonstrate the issue. Any help on this would be appreciated.

http://plnkr.co/edit/Z7UsncByBMTAaF0bs12l?p=preview

The following examples show how data in the grid not displaying in the correct columns for rows following the expanded row:

The following examples show how data in the grid is pushed left as the user scrolls to the right with the row expanded and many columns in the grid.

Guia do colaborador

Direção de pesquisa
Examine a lógica de cálculo da largura das colunas na grade quando linhas expansíveis são usadas. Procure por recálculos ausentes ou problemas de CSS que causem desalinhamento. Reproduza o problema localmente usando o Plunker fornecido e depure o pipeline de renderização das colunas.
Pilha de tecnologia
javascriptangular
Domain
frontend
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Antigo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
AngularJSJavaScript
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
60