title: A simple question: what html element should be used as a list paging?
body: <p>I got a long list from server, I would like to show each element of the list in a row of a table:</p>
  
  
  
  <pre class="lang-html prettyprint-override"><code>&lt;table class="list-content"&gt;
     &lt;!-- 1st element--&gt;
     &lt;tr id="elem_1"&gt;
        &lt;td&gt;... &lt;/td&gt;
        &lt;td&gt;... &lt;/td&gt;
     &lt;/tr&gt;
  
     &lt;!-- 2nd element--&gt;
     &lt;tr id="elem_2"&gt;
        &lt;td&gt;... &lt;/td&gt;
        &lt;td&gt;... &lt;/td&gt;
     &lt;/tr&gt;    
  
     &lt;!-- 3rd element--&gt;
     &lt;tr id="elem_2"&gt;
        &lt;td&gt;... &lt;/td&gt;
        &lt;td&gt;... &lt;/td&gt;
     &lt;/tr&gt;
  
     ...
     ...
     &lt;!-- n-th element--&gt;
     &lt;tr id="elem_n"&gt;
        &lt;td&gt;... &lt;/td&gt;
        &lt;td&gt;... &lt;/td&gt;
     &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Since the list is large, I would like to have a list paging under the table, each page show only 10 elements:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;table class="list-content"&gt;
  
     &lt;!-- SHOW 10 elements here --&gt;
  
  &lt;/table&gt;
  &lt;div id="page-idx"&gt;
  
      &lt;!-- list page number shows here --&gt;
      &lt;ul&gt;&lt;li&gt;1&lt;/li&gt;&lt;li&gt;2&lt;/li&gt;&lt;/ul&gt;...
  
  &lt;/div&gt;
  </code></pre>
  
  <p>my quesitions:</p>
  
  <p><strong>1.</strong> For the list paging (<code>page-idx</code>), I am intend to use unordered <code>li</code> for each page number, but it shows the page numbers <strong>vertically</strong>, how to change it to show the page numbers <strong>horizontally</strong>? </p>
  
  <p><strong>2.</strong> And the number of pages is dynamically calculated based on the number of elements server returns, how to update the paging number using jQuery? (That's in the html, the <code>&lt;ul&gt;</code> is empty, jquery update the number of pages)</p>