2013-04-24 2 views
0

안녕하세요 저는 RoR과 ActiveAdmin과 함께 일하고 있습니다. 다른 값을 가진 테이블 중 하나는 다음과 같습니다. 0,030 €, 문제는 테이블에 있습니다.ActiveAdmin에서 더 넓은 열

0,030 
€ 

그리고 같은 행에 넣고 싶습니다. 모든 가격은 그 (0, xxx €)만큼 길습니다. 더 넓은 칼럼을 만드는 방법에 대한 아이디어가 있습니까? 감사합니다

+1

[읽기] (https://github.com/gregbell/active_admin/issues/63) –

답변

1

이것은 CSS를 통해서만 고칠 수 있습니다.

/app/assets/stylesheets/active_admin.css.scss (또는 이에 상응하는 금액)에서 :nth-child 선택기를 사용하여 열을 대상으로 지정하고 white-space 제한을 적용하여 줄 바꿈을 방지하십시오. 는 2 컬럼의 경우

예를 들어, 당신은이의 예는 아래 링크에서 볼 수있는이

td:nth-child(2) { 
    white-space: nowrap; 
} 

처럼 뭔가를 할 수 있습니다. 첫 번째 열은 줄 바꿈되는 반면 두 번째 열은 한 줄로 제한됩니다 (공백에서 중단 없음).

http://jsfiddle.net/YLHBE/

당신은 아마 위의 스타일 시트가 적용되는 모든 테이블의 두 번째 컬럼에 스타일을 적용하기 때문에, 좀 더 명시 적으로보다 일반적인 예를 들어 위의 열/테이블을 대상으로해야합니다.

+0

안녕하세요! 감사! 하지만 작동하지 않습니다 .. 나는있다 : profitable_routes { 너비 : 100px; td { 테두리 : 1px 솔리드; & : nth-child (7) { 공백 : nowrap; } } } – Anna

+0

'profitable_routes' 만 유효한 선택자가 아닙니다. – deefour

+0

고마워요! div 스타일 : "너비 : 130 %%, 높이 : 100 %%, 배경색 : 밝은 녹색," 할 .... 왜냐하면 가격은 긍정적이다 나는 그것이 녹색이어야하고 음수라면 그것은 빨갛게되어야한다. 이 값 너비 변경 : 130 %% 길거나 짧을 수 있습니다. – Anna

관련 문제