HTML Scrollable table vertically and horizontally -

-

i thought had achieved this, method used wasnt correct. separated table head , table data 2 separate tables, each closed within div. put overflow on outside div of each table-segment. however, doesnt work because when have large number of columns, begins squeeze columns together, whereas still want them fix width. can help? ive omitted event listeners in code below.

<div id='headertable' style='overflow:auto;overflow-x:hidden;overflow-y:scroll;width:900px;'>     <table border='1' style='width:1900px;float:left;'>         <thead style='text-align:left;'>             <tr style='display:block;'>                 <th width='100' style='width:100px;'>test1</th>                 <th width='100' style='width:100px;'>test2</th>                 <th width='100' style='width:100px;'>test3</th>                 <th width='100' style='width:100px;'>test4</th>                 <th width='100' style='width:100px;'>test5</th>                 <th width='100' style='width:100px;'>test6</th>                 <th width='100' style='width:100px;'>test7</th>                 <th width='100' style='width:100px;'>test8</th>                 <th width='100' style='width:100px;'>test9</th>             </tr>         </thead>     </table> </div>  <div id='datatable' style='height:300px;float:left;overflow:auto;overflow-x:auto;overflow-y:scroll;width:900px;>     <table border='1' style='width:1900px;float:left;'>         <tbody id='cleardetails'>             <tr id='row0'    style='color:black;height:auto;display:block;'>                 <td style='width:100px;'>1</td>                 <td id='row0col0' style='width:100px;'>1625</td>                 <td id='row0col0' style='width:100px;'>25</td>                 <td id='row0col0' style='width:100px;'>25</td>                 <td id='row0col0' style='width:100px;'>25</td>                 <td id='row0col0' style='width:100px;'>25</td>                 <td id='row0col0' style='width:100px;'>25</td>                 <td id='row0col0' style='width:100px;'>25</td>                 <td id='row0col0' style='width:100px;'>25</td>                 <td id='row0col0' style='width:100px;'>25</td>             </tr>         </tbody>     </table> </div>

first of all, don't have separate 2 different divs: check out pure css table fixed header.

second, why table in 1 location listed 1900, , in set 900?

third, have turned off margins , padding make sure blocks 100px?

finally, in ie have account width of scrollbar, need reduce size of each column, or increase width of overall table accommodate it.


Comments

Post a Comment

Popular posts from this blog

Javascript line number mapping -

-
magically formatted comments change reported line number of javascript errors in browsers; this: //@line n "f" n line number , f file name. unfortunately, //@line appears ungoogleable. know there documentation on feature, , browsers support it? (i found references here , here .) from can find available in mozilla based browsers. it using js_setoptions command can turn these options on or off depending on values passed. https://developer.mozilla.org/en/js_setoptions
Read more

c# - Is it possible to remove an existing registration from Autofac container builder? -

-
something along lines: builder.registertype<mytype>().as<itype>(); builder.registertype<mytype2>().as<itype>(); builder.deregistertype<mytype>().as<itype>() var container = builder.build(); var types = container.resolve<ienumerable<itype>>(); assert.istrue(types.count == 1); assert.istrue(types[0].gettype == typeof(mytype2)); scenario: go through bunch of assemblies , go register types want make sure have 1 implementation of given type. need before create container. track on own nice if autofac me bit. this cannot done directly using containerbuilder , unless start on new one. mind you, having first built container should able construct new container filtering away unwanted types , reusing registrations first container. this: ... var container = builder.build(); builder = new containerbuilder(); var components = container.componentregistry.registrations .where(cr => cr.activator.limittype != typ...
Read more

php - Mysql PK and FK char(36) vs int(10) -

-
i have read mysql can handle indexes , searches better if tables keys integers rather char(36) uuid's. is worth converting int(10)? note: use 1 server , have have plans use multiple databases concurrently therefore removing 1 of big reasons using uuid. our tables innodb if makes difference. thanks in advance. usually rdbms can handle integer keys pk more efficient, other datatypes. reason how build index column, yes: long dont require string (or other typed) keys, should use integers. however: char(36) , int(10) far away being equal, because int(10) much smaller, char(36). dont know, if require many different keys, should keep in mind. update, complete last paragraph: int(10) 32-bit, char(36) 36 - ^byte^ (= 288-bit). not mean, int consumes less space, means, char(36) has 4 times more different keys.
Read more