Summary What's the best way to ensure a table cell cannot be less than a certain minimum width. Example I want to ensure that all cells in a table are at least 100px wide regards of the width of the tables container. If there is more available space the table cells should fill that space. Browser compatibility I possible I would li...
Here's the situation: I'm trying my hand at some MySpace page customisations. If you've ever tried [stackoverflow], I'm sure you understand how frustrating it can be. Basically it can be all customised via CSS, within a certain set of rules (e.g. the '#' character is not allowed...how useful!). Have a look at this blog if you want more i...
What is the best method for removing a table row with jQuery? ...
What is the best method in jQuery to add an additional row to a table as the last row? ...
What is it about this source code that causes it to actually generate a table in IE instead of just doing nothing. function generateATable() { tableContainer = document.getElementById("tableDiv"); var tableElement = document.createElement("table"); // Append the Table Element to the table // container. tableContaine...
Edit - Original Title: Is there an alternative way to achieve border-collapse:collapse in CSS (in order to have a collapsed, rounded corner table)? Since it turns out that simply getting the table's borders to collapse does not solve the root problem, I have updated the title to better reflect the discussion. I am trying to make a tabl...
Lat week I downloaded the Glazed List library into eclipse. I have been looking through the tutorials and it seems that everything is designed to run jTable or SWT. I am need a backing list(Map, table, whatever) for simple HTML tables that can be sortable. I have been doing this by rolling my own classes to create HTML tables from either...
Example code: <html> <head> <script src="jquery-1.3.2.min.js" type="text/javascript"></script> <script src="jquery-ui-1.7.1.custom.min.js" type="text/javascript"></script> </head> <body> <table border="1" style="width:100%"> <tr> <th>1</th> <th>2</th> <th>3</th> ...
I have an empty table row just for separation between rows. <tr> <td colspan="5"></td> </tr> It's rendered in IE, FF, Opera and Safari. The question is, whether I should put some content inside of it or it is okay to leave it as it is? Like: <tr> <td colspan="5"> </td> </tr> ...
I'm trying to layout an HTML table (it's tabular data) and it is rendering differently in Firefox 3.5 and Chrome 2.0.172 (EDIT and IE7 - which renders the table like Chrome does). I have the table inside a div: <div id="listcontainer"> <table class="tasklist"> <colgroup> <col class="narrow" /> <col class="wide" /> ...
Ok strange behavior when it should work: The problem is if I don't declare a doctype the CSS works in IE 6 & 7 but if I declare the DOCTYPE it doesn't work. Why??? jQuery: $('tr:first-child').children().css({ 'width': settings.minWidth + 'px', 'height': settings.tableHeaderHeight + 'px', 'overflow': 'hidden', 'white-space'...
Can anyone tell me how to dynamically create thead tbody tags in my c# code? private void MakeTable() { Table tb = new Table(); TableRow tr = new TableRow(); TableCell td = new TableCell(); td.Text="hello world"; tr.Cells.Add(td); tb.Rows.Add(tr); } Thanks ...
lets say I have a list like so: ['one','two','three','four','five','six','seven','eight','nine'] and I want to experiment with turning this data into a HTML table of various dimensions: one two three four five six seven eight nine or one four seven two five eight three six nine or one two three...
I need to insert an applet into a table-row and get that table-row's height to dynamically resize according to the browser's window size. If I put fixed values for width & height in the td-tag, it shows the applet fine, but I need to be able to resize this according to the client's size capabilities, so using fixed sizes is not the answe...
I am making a table of data that needs to printed out. I want the header to be at the top of each page. SO I am thinking the best way to do this is to repeat the header maybe every 30 columns or so, and break it into sections. But theres still no way to ensure that each section gets printed on its own page that I know of. Does anyone kno...
I'm adding new rows to a table dinamically, with this code: tbody = document.getElementById('tbody'); tr = tbody.insertRow(-1); tr.id = 'last'; th = tr.insertCell(0); td = tr.insertCell(1); But what I actually got are two TD cells. I want a TH, as you can see. It says the tagName property isn't changeable. How can I do this? Will I ...
I have an HTML table which has an onClick property on the row which navigates me to another page. On this table I want to add a button, or an anchor tag which should do something else; e.g delete the row of that table. By default, on clicking the button, it executes that JS function and then the Row JS function. How can I set it so that...
Im just imagining what the things I can do to make a pdf file out of my localhost files(.php). I tried using the online conversion tools but it didnt work because they're not on the web definitely. Can you recommend me of some ways on how I can achieve my goal of converting an html table into pdf and print it using the print function in ...
Hello all, I have an html table, which includes let's say 1 row and 5 cells (C1, C2, C3, C4, C5). (Cells have specific content) C1 - C2 - C3 - C4 - C5 Usage 1: C3 is used with C1 and C2 at the same time, Usage 2: C3 is used with C4 and C5 at the same time, When I am using "C1, C2, C3" then C4 and C5 is not used or When I am using "C3...
I often need to list items with various-sized images on the left and text on the right, like this: For 17 years, I have solved this with HTML tables, like this: <html> <style> * { margin: 0; padding: 0 } body { padding: 20px; } #content { width: 600px; padding: 20px; margin-left: auto; ...