Grade com muitas colunas no website largura fixa

Question

Eu estou usando RadGrid do Telerik para um site. Muitas vezes, as colunas da grade exceder a largura disponível, e se estender para fora da principal área de conteúdo (largura fixa).

Então, quais são as minhas opções para apresentar grelhas muito largas. barras de rolagem horizontal apenas olhar feio no meu site

Answer 1

Suas escolhas são uma combinação do seguinte:

1. fontes menores
2. Consolidar algumas células para ter mais de uma linha (por exemplo, se você tem uma "data de início" e "Data final" colocar a data de início em cima e a data final na parte inferior.
3. Amplie a janela
4. Faça algumas células parecem condicionalmente (baseado em filtros definidos pelo usuário). Talvez as células usadas com mais freqüência aparecem normalmente e uma caixa de seleção unhides as células ou grupos menos utilizadas de células.
5. Permitir horizontal rolagem
6. Faça a janela largura fluido
7. Dados Popup em um <div> flutuante através de JavaScript em vez de colocá-lo em uma coluna

Estou faltando alguma coisa?

Answer 2

Eu estou usando controles Telerik também, uma coisa que eu aprendi depois de um monte de trabalho com eles é o seu CSS é geralmente boa, mas eu também enfrentam o problema, e aqui é meu conselho.

• o que Keltex disse.
• sempre adicionar uma classe personalizada para o seu Rad grade onde você faz corrigir as coisas desagradáveis.
• não usar largura fixa para a grade, em vez usá-lo em colunas e tornar a rede Fluid, o mesmo acontece com a página.

espero que isso ajude.

Answer 3

Eu concordo com devmania e fazendo o fluido grid, eu tive um problema semelhante recentemente. Então eu fiz algumas das minhas colunas nowrap e deixou o resto para embrulhar. Não parece grande em telas menores, mas ainda é utilizável porque eu parei de coisas como data + colunas de hora de embrulho. No entanto, uma vez que você começar a usá-lo em uma tela mais larga que parece ótimo.

Tudo depende de quanto de uma barra de rolagem que você tem. É possível retirar algumas das colunas e ter essa informação em um pop-up / em algum lugar do menu desdobrável?

Outra opção é fazer com que as colunas são mostrados configurável pelo usuário, mas você não está realmente resolver o problema, apenas tornando-se a responsabilidade do usuário para torná-la agradável.

Se você não pode se livrar da barra de rolagem horizontal você deve pelo menos tentar colocar as colunas mais importantes em primeiro lugar para que os usuários não tem que rolar para a direita muito frequentemente.