Exibindo / Formatação de dados tabulares (web)

Question

No meu exemplo eu tenho uma tabela onde cada linha é um usuário, por exemplo. Colunas poderia incluir seu nome, endereço, endereço de e-mail, etc. Agora eu preciso adicionar uma coluna para (exemplo hipotético) os nomes de seus gatos. Enquanto a maioria das pessoas não terá gatos e algumas pessoas vão ter 1- 2 gatos haverá a pessoa ocasional com 20 gatos que criam uma muito longa linha na tabela. Isso está me dando um problema na apresentação e para filtrar / procurar por nomes do gato. Existe uma boa solução para exibir este tipo de dados?

Answer 1

Tenha os primeiros 50 (ou qualquer outro) caracteres do campo exibido como normal, em seguida, coloque o restante em um bloco com o seu conjunto de visibilidade para oculto através de CSS. Incluir um botão / / ícone do link que permitirá ao usuário alternar a visibilidade para que eles possam ver o valor inteiro.

Answer 2

Várias opções:

1. Definir uma largura máxima para o celular e permitir que os dados para embrulhar
2. Coloque o conteúdo dentro de uma tag envoltório (como um div) e definir a div com uma largura / altura fixa e estilo de overflow: hidden para garantir que uma particularmente longa palavra não forçar a saída da largura da célula.
3. truncar o texto de saída no lado do servidor

Para casos # 2 e # 3, defina o atributo Título da marca TD para conter o texto completo não-truncado. Isto irá apresentar-se como uma dica de ferramenta quando pairando sobre a célula.

Gostaria de mencionar outras soluções baseadas em CSS, mas eles estão muito pouco apoiado agora, então não vale a pena mencionar.

Answer 3

Você pode querer tentar fazer algo parecido com o que faz assim. Ou seja, uma vez que alguém chega a um certo ponto em suas Rep, ele sufixos do número e appromixates-lo. Ex. 10k em vez de 10.236.

Dessa forma, os números não sair da mão.