HTML 테이블의 각 행을 숫자로 표시 (PHP + MYSQL)

원하는 것은 현재 테이블의 각 행의 첫 번째 열에 현재 행 번호를 표시하는 것입니다. 예를 들어 다음 표를 참조하십시오.HTML 테이블의 각 행을 숫자로 표시 (PHP + MYSQL)

 
Column Header 1 Column Header 2 
1      some data 
2      more data 
3      some more data 
4      even more data

저는 JavaScript (CSS 스크립트 및 게시 된 JS 스크립트를 잘 이해할 것입니다), CSS 및 HTML에 익숙합니다. 나는 이것을하기 위해 JS 함수를 작성해야하는지, 아니면 어떻게 든 변수를 만들고 매번 '1'씩 인덱스를 늘릴 수 있는지 궁금하다.

귀하의 답변을 기다리십시오!

는

에반에게 감사

출처

2011-08-16 Anonymous

일반적으로 데이터를로드하는 경우 데이터를 비동기 적으로 검색하려고하지 않는 한 PHP와 같은 서버 측 사전 처리 언어에서 가져옵니다. 어떤 환경에서 일하고 있습니까? –

나는 PHP로 작업 할 것이다. –

당신이 PHP를 사용하는 경우, 당신은 출력 할 데이터에 대한 문자열 배열을 얻을려고 : CSS 번호의 kisp의 접근 방식을 바탕으로

$data = array('here', 'is', 'some', 'data'); 

// Avoid printing table if there is no data 
if (count($data) > 0) { 
    echo '<table><tr><td>Column Header 1</td><td>Column Header 2</td></tr>'; 
    for ($i = 0; $i < count($data); $i++) { 
     echo '<tr><td>', $i + 1, '</td><td>', $data[$i], '</td></tr>'; 
    } 
    echo '</table>'; 
}

출처

2011-08-16 15:09:57

머리에 손톱을 치십시오! 완전한! –

편집 : 데이터를 읽는 중이면 행이없는 표를 인쇄하지 않는 것이 좋습니다. –

이 테이블을해야 하는가, 또는 당신이 ol를 사용할 수 있을까?

<ol> 
    <li>some data</li> 
    <li>more data</li> 
    <li>some more data</li> 
    <li>even more data</li> 
</ol>

출처

2011-08-16 15:00:23 Spycho

PHP를 사용하여 만든 MYSQL 테이블이됩니다. –

아, 그러면 나는 kisp의 접근법을 생각해 볼 것입니다. 그래도 작동하지 않는다면 PHP 나 클라이언트 측 JS에서 넘버링을 생성하십시오. – Spycho

시도 CSS의 번호 매기기는

http://www.w3.org/TR/CSS2/generate.html#counters

이 클라이언트 측 솔루션입니다. 서버 쪽에서 할 수 없다면 사용하십시오.

출처

2011-08-16 15:00:30 kisp

, 나는 a prototype을 만들어 거의 무엇을해야 나타납니다 당신 를 찾고 있습니다. 번호 매기기는 별도의 collumn이 아니며 "before"의사 요소에 있습니다.

출처

2011-08-16 15:14:33 Spycho

HTML 테이블의 각 행을 숫자로 표시 (PHP + MYSQL)

답변

관련 문제