고정 너비 웹 사이트에 열이 너무 많은 그리드

Question

웹 사이트에 Telerik의 Radgrid를 사용하고 있습니다. 종종 그리드 열이 사용 가능한 너비를 초과하고 기본 내용물 영역 (고정 너비) 외부로 확장됩니다.

따라서 매우 넓은 그리드를 제시하기위한 옵션은 무엇입니까? 수평 스크롤 막대는 내 사이트에서 못 생겼습니다

Answer 1

귀하의 선택은 다음의 조합입니다.

1. 더 작은 글꼴
2. 일부 셀이 하나 이상의 행을 갖도록 통합하십시오 (예 : "시작 날짜"와 "종료 날짜"가있는 경우 시작 날짜를 맨 위에 놓고 최종 날짜를 하단에 두십시오.
3. 창을 넓 힙니다
4. 일부 셀이 조건부로 나타납니다 (사용자 정의 필터를 기반으로). 아마도 가장 자주 사용되는 세포가 정상적으로 나타나고 체크 박스는 덜 빈번하게 사용되는 세포 또는 세포 그룹을 불필요하게 해제합니다.
5. 수평 스크롤을 허용합니다
6. 창을 유체 너비로 만드십시오
7. 플로팅의 팝업 데이터 <div> JavaScript를 통해 열에 넣는 대신

내가 놓친거야?

Answer 2

나는 Telerik Controls도 사용하고 있습니다. 그들과 많은 작업을 한 후에 배운 한 가지는 CSS가 일반적으로 좋지만, 또한 귀하의 문제에 직면하고 있으며 여기에 제 조언이 있습니다.

• Keltex가 말한 것.
• 불쾌한 물건을 고치는 RAD 그리드에 항상 사용자 정의 클래스를 추가하십시오.
• 그리드에는 고정 너비를 사용하지 말고 대신 열에서 사용하고 그리드 유체를 만듭니다. 페이지도 마찬가지입니다.

도움이 되었기를 바랍니다.

Answer 3

나는 Devmania에 동의하고 그리드 유체를 만들었습니다. 최근에 비슷한 문제가있었습니다. 그래서 나는 몇 개의 열을 nowrap을 만들고 나머지는 랩을 떠났다. 작은 화면에서는 멋지게 보이지 않지만 날짜+시간 열 랩핑과 같은 것들을 중지했기 때문에 여전히 사용할 수 있습니다. 그러나 더 넓은 화면에서 사용하기 시작하면 멋지게 보입니다.

그것은 모두 당신이 가지고있는 스크롤 바의 양에 달려 있습니다. 열 중 일부를 제거하고 해당 정보를 팝업/플라이 아웃 어딘가에 사용할 수 있습니까?

또 다른 옵션은 사용자 구성 가능성이 표시되는 열을 만드는 것이지만 실제로 문제를 해결하는 것이 아니라 사용자의 책임을 멋지게 보이게하는 것입니다.

수평 스크롤 바를 제거 할 수 없다면 사용자가 오른쪽으로 자주 스크롤 할 필요가 없도록 최소한 더 중요한 열을 먼저 놓아야합니다.