예제에서는 각 행이 예를 들어 사용자 인 테이블이 있습니다. 열은 이름, 주소, 이메일 주소 등을 포함 할 수 있습니다. 이제 고양이의 이름 (가상의 예)을위한 열을 추가해야합니다. 대부분의 사람들은 고양이를 가지지 않을 것이고 어떤 사람들은 1 ~ 2 마리의 고양이를 가질 것입니다. 20 마리의 고양이를 가진 가끔씩 테이블에 하나의 긴 줄을 만드는 사람이있을 것입니다. 이것은 나에게 프리젠 테이션에서 문제를주고 있으며, 고양이 이름을 걸러 내거나 검색하는 데 문제가된다. 이 유형의 데이터를 표시하는 좋은 해결책이 있습니까?표 형식의 데이터 표시/서식 지정 (웹)
0
A
답변
1
필드의 처음 50 자 (또는 그 밖의 모든 문자)를 정상적으로 표시 한 다음 CSS를 통해 표시 여부를 숨김으로 설정하여 나머지 블록을 블록에 넣습니다. 사용자가 전체 값을 볼 수 있도록 가시성을 전환 할 수있는 링크/버튼/아이콘을 포함하십시오.
0
여러 선택해
- 셀의 최대 폭을 설정하고 데이터
- 곳 (사업부 등) 래퍼 태그 내에 콘텐츠를 감아 고정 폭을 갖는 DIV를 설정할 수 있도록/overflow의 높이와 스타일 : 특히 긴 단어가 셀 너비 밖으로 나오지 않도록 숨김.
- 는 경우 # 2, # 3에 대한 서버 측
에 출력 텍스트 자르기 전 비 절단 텍스트를 포함 할 TD 태그의 title 속성을 설정. 이것은 셀 위로 마우스를 가져 가면 툴팁으로 표시됩니다.
나는 다른 CSS 기반 솔루션에 대해 언급 할 것이지만 지금은별로 지원되지 않으므로 언급 할 필요가 없습니다.
0
SO가하는 것과 같은 일을 시도 할 수도 있습니다. 즉, 누군가 Rep에 특정 지점에 도달하면 번호 앞에 접미사를 붙입니다. 전의. 10,236 대신 10k.
그런 식으로 숫자가 나 빠지지 않습니다.
관련 문제
- 1. 표 형식의 데이터로드 렌더링
- 2. .net winforms에 표 형식의 데이터 표시
- 3. 자바에서 표 형식의 데이터 형식은 무엇이며 어떻게 표 형식의 데이터 형식을 문자열 배열 목록에 저장할 수 있습니까?
- 4. 다른 데이터 형식의 목록을 하위 집합으로 지정
- 5. 표 형식의 데이터를 HTML로 묶기
- 6. 포럼은 표 형식의 데이터로 간주됩니까?
- 7. 코드 이그니 터가있는 표 형식의 동적 데이터 채우기
- 8. HTML로 표 스타일 지정
- 9. CSS 표 이름 지정
- 10. 표 데이터 표시
- 11. 표 형식의 데이터를 전달하는 바이너리 형식
- 12. 웹 서비스에서 강력한 형식의 데이터 집합을 반환해야합니까?
- 13. Apex 표 형식의 인접 셀을 어떻게 참조합니까?
- 14. CSS로 표 셀 간격 지정
- 15. asp.net 2.0의 데이터 표
- 16. 표 셀에서 데이터 액세스
- 17. XSL의 표 데이터 강조하기
- 18. 사용자 지정 형식의 WCF 문제
- 19. SL3 형식의 다른 데이터 컨텍스트
- 20. 데이터 형식의 생성자 숨기기
- 21. JSON 형식의 POST 데이터
- 22. 표 형식의 데이터에 대한 시맨틱 미디어 위키 사용
- 23. 데이터 표 복수 행 선택
- 24. JasperReports : 표 형식으로 데이터 인쇄
- 25. 표 .NET 1.1의 이전 데이터
- 26. 웹 브라우저가있는 표면 표 프로젝트
- 27. 사용자 지정 인터럽트 설명자 표 혼란
- 28. HTML 표 본문 위치 지정 및 스크롤
- 29. 표 데이터 셀의 너비 속성을 사용하여 표 모양 변경
- 30. 표 A에서 선택 표 B의 그룹화/정렬 된 데이터 사용하기