title: Stretch table to fit jquery mobile listview
body: <p>Good day,</p>
  
  <p>Could someone please assist me with making HTML table match the height and width of jquery-mobile listview?  Attached is the snapshot of the goal I am trying to acheive.<img src="https://i.stack.imgur.com/mfhYM.png" alt="trying to stretch table to match listview dimensions"></p>
  
  <p>I first tried using <strike>data-split-icon approach</strike>, but abandoned it because of challenge moving icon to the left and it created multiple clickable segments which I don't want.</p>
  
  <p>I am now trying to fit basic HTML table within the dimensions of jquery-mobile listview.  My first attempt was to use standard HTML table and style it but table didn't stretch.  My second attempt is to use CSS table so use ul element as table, li as table-row:</p>
  
  <pre><code>&lt;ul data-role="listview" data-theme="d" data-icon="false" class="listviewborder customul" style="margin-right:3px;margin-left:3px;"&gt;
     &lt;li class="customli"&gt;
         &lt;div class="div-table-col" align="center"&gt;Image&lt;/div&gt;
         &lt;div  class="div-table-col"&gt;Date1&lt;/div&gt;
         &lt;div  class="div-table-col"&gt;Date2&lt;/div&gt;
     &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>and CSS:</p>
  
  <pre><code>        ul.customul
          { 
              display: table;
              border:1px solid  black;
              width:auto;
          }
  
          li.customli 
          { 
              display: table-row;
              display:table-row;
              width:auto;
              clear:both;
          }
  
          .div-table-col
          {
              float:left;
              display:table-column;         
              width:auto;  
              border:1px solid  black;
          }
  </code></pre>
  
  <p>I researched similar questions and came up with this approach, but it's still not working.  I think I'm on the right track but the table still not matching the dimensions of the listview.  Could somebody please suggest what I am missing or what else needs to be done here to make it work?</p>
  
  <p>Thank you,</p>
  
  <p>Victor.    </p>