2012-01-01 6 views
0

모델을 기반으로하는 양식이 있습니다. modelformset을 만들고 하나의 페이지에 여러 폼 필드를 표시해야합니다. 나는 input 크기를 줄일 필요가 있고이를 이용하여이를 달성하고있다 :입력 필드를 작게 만드시겠습니까?

widgets = { 
     'm1_pf': forms.TextInput(attrs={'size':1}), 
} 

그러나, 하나의 작은 크기가 여전히 너무 큽니다. 프레젠테이션과 같은 데이터 그리드를 수행하는 다른 방법이 있습니까?

"편집 가능한 셀"을 사용하여 Datatable을 사용했지만, 내 상황에서는 작동하지 않습니다. 첫 번째 값을 입력하고, 탭을 누르고, 다음 값을 입력하고, 탭을 치는 등 여러 값을 빠르게 입력 할 수 있어야합니다. 마우스를 사용하여 각 셀을 "클릭"하고 편집하면 (예 : Datatables의 작동 방식) 문제의 아웃.

감사

답변

2

신경 끄시 고 - 내가 그것을 알아 냈다. 내 CSS 시트에 이것을 추가 :

input { 
    width: 1px; 
} 

내가 모든 입력 태그 값을 갖는 OK입니다.

+1

+1이 제안했는데,'forms.TextInput (attrs = { 'class': '작은 입력'})과 같은 클래스를 추가 할 수 있다고 생각했고,'.tiny-input {width : 1px;}' –

+0

@TomIngram - 팁을 주셔서 감사합니다. modelform 영역 내에 클래스를 추가했습니다. 그것은 내 다음 장애물이 될 것입니다. – Garfonzo

관련 문제