html-table

问题 I want to add padding to the cells of my table, but this causes text, inputs, etc inside the table to overflow. From other Stack Overflow discussions, I've gathered that the answer is to set box-sizing: border-box , but this isn't working for me. Below is a minimal example to illustrate the problem. * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } table, th, td { border: 1px solid black; padding: 1.5%; } table { border-collapse: collapse; } <table>

问题 I'm trying to find out how to right click on a td based on a value in another td. Starting with the code below was just trying to find an initial cell and click on that value. If I could get that to work I wanted to right click on a value in the same row that has the text "Requested". The table is dynamic so the columns could be in any order. So for example. Find the name "Howard Johnson" and then right click on the requested value in the state column. (see attached image) The output is -

问题 i am setting up a html table which has header <thead> with 2 <tr> which includes rowspan and colspan and i want to fixed that <thead> part in my html table <style type="text/css"> table#customers { display: table; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border-collapse: collapse; width: 100%; } #customers td, #customers th { border: 1px solid #ddd; padding: 8px; } #customers tr:nth-child(even){background-color: #f2f2f2;} #customers tr:hover {background-color: #ddd;}

问题 I'm using bootstrap3 modal and trying to create a table inside a modal. I want the tbody to have vertical scroll. I've tried adding the height and overflow-y: auto to tbody, but it won't work. I was able to have the entire modal scrollable, but I just want only the table body to be scrollable Can anyone please help me? 回答1: I've finally found an answer for this. I adapted the code from here: http://jsfiddle.net/T9Bhm/7/ The CSS Solution: table { width: 100%; } thead, tbody, tr, td, th {

问题 I'm populating a table using a <tr th:each> and I want to put a if statement that evaluates the value if it is null, if the values is null I want to put this "--" instead of "null". How can I do this using the th:if or other similar function I am new using thymeleaf? This is my code: <table id="datatable_fixed_column" class="table table-striped table-bordered" width="100%"> <thead> <tr> <th>name</th> <th>lastname</th> <tr> <tbody> <tr th:each="nodeInfo : ${listOfData}"> <td th:if="${nodeInfo

问题 I am trying to remove the padding below font awesome stack icons, have tried everything in my knowledge, and the solutions provided on stack overflow and other websites (from setting the font-size of the parent element to 0px and by inserting borders to rather than ) but all to no avail. There is something that i am clearly missing out. Thank you in advance for solving the question, cheers. JSFiddle: https://jsfiddle.net/sazeemj/dhvtrh2f/1/ //please ignore 回答1: You can fix this by adding

问题 I'm following code from jquery append and remove dynamic table row (http://jsfiddle.net/samliew/3AJcj/2/) I already organized my table. But remove function didn't work, how I change this code? I can't understand about $(this).parent().parent().remove(); code. $(document).ready(function(){ $(".addCF").click(function(){ $("#addTg").after('<tr><td class="tg-yw4l" ><input type="text"></td><td class="tg-yw4l" colspan="2" ><input type="text"></td><td class="tg-yw4l" ><input type="text"></td><td><a

问题 I'm following code from jquery append and remove dynamic table row (http://jsfiddle.net/samliew/3AJcj/2/) I already organized my table. But remove function didn't work, how I change this code? I can't understand about $(this).parent().parent().remove(); code. $(document).ready(function(){ $(".addCF").click(function(){ $("#addTg").after('<tr><td class="tg-yw4l" ><input type="text"></td><td class="tg-yw4l" colspan="2" ><input type="text"></td><td class="tg-yw4l" ><input type="text"></td><td><a

问题 I'm trying to nest two tables inside of another table (so they'll display side by side, and I can add a third once I have enough information to do so. ) The "Sam's Painting Price Schedule" shows up without a problem, CSS intact and appropriately aligned. The second table I'm trying to nest within the second cell of the larger table does not. Instead, it shows up beneath the first nested table. I can't figure out why. I've looked at several threads on here, but everyone just is saying "don't

问题 So, i have this code that returns me a simple table with the correct db values: <?php echo "<table border='1'> <tr> <th>Código</th> <th>Nome</th> <th>Indicou</th> </tr>"; while($coluna_bd_tabela = mysqli_fetch_array($sql_indicador_resul)){ echo "<tr>"; echo "<td>" . $coluna_bd_tabela['usu_codigo'] . "</td>"; echo "<td>" . $coluna_bd_tabela['usu_nome'] . "</td>"; echo "<td>" . $coluna_bd_tabela['usu_indicador_codigo'] . "</td>"; echo "</tr>"; } echo "</table>"; ?> And this one is the stylized