html - Styling issue with Datalist formatted as Div Table -

-

i creating datalist formatted table using divs formatting. problem header of table not lining rest of table.

if remove headertemplate, lines properly. suggestions on how can fix this?

my datalist aspx

<asp:datalist id="table1" runat="server" repeatcolumns="1" cellspacing="1" repeatlayout="table">   <headertemplate>       <div class="table">       <div class="heading">           <div class="cell">              <p>heading 1</p>           </div>           <div class="cell">              <p>heading 2</p>           </div>           <div class="cell">              <p>heading 3</p>           </div>           <div class="cell">              <p>heading 4</p>           </div>          <div class="cell">              <p>heading 5</p>          </div>          <div class="cell">              <p>heading 6</p>          </div>          <div class="cell">              <p>heading 7</p>          </div>        </div> </headertemplate> <itemtemplate>                     <div class="row">          <div class="cell">              <p>row 1 column 1</p>          </div>          <div class="cell">              <p>row 1 column 2</p>          </div>          <div class="cell">              <p>row 1 column 3</p>          </div>          <div class="cell">              <p>row 1 column 4</p>          </div>          <div class="cell">              <p>row 1 column 5</p>          </div>          <div class="cell">              <p>row 1 column 6</p>          </div>          <div class="cell">               <p>row 1 column 7</p>          </div>       </div>    </div> </itemtemplate> </asp:datalist>

my css

.table { display: table; } .heading { display: table-row; font-weight: bold; text-align: center; } .row { display: table-row; } .cell { display: table-cell; border: solid; border-width: thin; padding-left: 5px; padding-right: 5px; }

screenshot of problem enter image description here

note: appreciate alternative suggestions, using datalist formatted table using divs absolutely no tables in hard/unchangeable requirement out of hands.

i hope help, example, although best put main div , contains elements form table

.table {   display: table;   width:100% !important; } .heading {   display: table-row;   font-weight: bold;   text-align: center; } .row {   display: table;   width:100% !important; } .cell {   display: table-cell;   border: solid;   border-width: thin;   padding-left: 5px;   padding-right: 5px; }

Comments

Post a Comment

Popular posts from this blog

c# - SharpSsh Command Execution -

-
Image
i trying create ssh client using c#. using tamir.sharpssh library. having issues sending command , getting appropriate response server. the way have been testing sending on ls command, followed cd.. command, followed ls command again -- see whether or not cd.. command being executed properly. however, there no difference between first ls command , second ls command. not entirely sure doing wrong. perhaps using wrong ssh type. have provided code , output getting. have added output expect. using tamir.sharpssh; namespace sshnetexample { class program { static void main(string[] args) { sshexec ssh = null; try { console.write("-connecting..."); ssh = new sshexec(host, username, password); ssh.connect(); console.writeline("ok ({0}/{1})", ssh.cipher, ssh.mac); console.writeline("server version={0}, client versio
Read more

python - Specify path of savefig with pylab or matplotlib -

-
i struggling on how find correct way specify save path (or repository) when calling function savefig in matplotlib or pylab. i tried several syntaxes, everytime python console returns : filenotfounderror: [errno 2] no such file or directory: '../mydocs/resource/frames/myimage.png' currently, have written following : pylab.savefig('../mydocs/resource/frames/myimage.png') does know how it? thanks in advance! the tilde operator , variable $home entered strings , therefore not function while saving. have provide either relative path (as did) or provide full path. eg. pylab.savefig("/home/username/desktop/myfig.png") .
Read more

How to run C# code using mono without Xamarin in Android? -

-
i want create program uses mono runtime run c# code (binary not application). i copied libmono.so unity app , i'm write code using documentation: http://www.mono-project.com/docs/advanced/embedding/ and it's working have problems references can access classes mscorlib.dll , have problems system.reflection.assembly class throwing exception, when print console see: system.missingmethodexception: method not found: 'system.reflection.assembly.op_inequality' can fix it? can use mono runtime in c binary on android? ps. i'm using android tests. edit: found solution loading libraries, need set environment variable mono_path libraries path. but have still problems assembly class. the system.missingmethodexception error have seems .net profile mismatch error, 1 explained here . can use mono runtime in c binary on android? yes, using ndk guess. there alternatives can use instead of rolling own, such xmadevlab .
Read more