html의 테이블 왼쪽에 확인란을 정렬하는 방법

Question

데이터베이스에 데이터를 나타내는 테이블이 있는데 사용자가 선택한 항목 (예 : delete)에 대한 작업을 수행 할 수 있도록 확인란이 왼쪽에 있어야합니다. , 수정). 내 질문은 어떻게 테이블의 왼쪽에 확인란을 정렬 할 수 있습니까?

<table border="2"> 
    <tr> 
     <th>A bunch of headers</th> 
    </tr> 
    <tr> 
     <td>A row of items</td> 

    </tr> 
    A lot more rows 
</table> 

예쁜 straitforward, 내가 확인란을 진행하는 방법을 몰라, 나는 테이블 주위에 양식을 넣어 시도하지만, 작동하지 않았다.

Answer 1

확인란 만 포함하는 열을 추가 할 수 있습니다. td 요소를 사용하면 기본적으로 왼쪽 맞춤됩니다.

그러나 확인란을 사용하여 동작을 트리거하는 것이 아니라 일부 매개 변수를 선택하거나 선택하지 않도록 제어해야합니다. 예 : 액션에 대한 요소는 button입니다.

Answer 2

확인란을 포함하는 테이블의 첫 번째 열에 삽입하는 "작업"열을 만들면됩니다. 그런 식으로 모든 체크 박스는 자바 스크립트를 통해 쉽게 포맷팅하고 조작하는 내용과 분리되어 보관됩니다.

또는 각 행에 대한 양식을 사용해야하는 경우 당신은 같은 것을 할 수있는 :

<td><input type="checkbox" /><span>Data...</span></td> 

을 ...하지만 두 번째 경로를 이동하는 경우는 ** &뿐만 아니라 갈 수 테이블의 힘을 풀어 div 전용 솔루션입니다.

** 표 형식의 데이터를 표시합니다. 누군가 레이아웃을 위해 테이블 ​​대 div를 뽑기 전에.

Answer 3

CSS를 사용하여 정렬하십시오.

margin-left : 100px; float : left;