标签: html-table

我想创建一个上面有4列,下面有2列的表,比如

请让我知道如何在html表中.谢谢

我一直听说最好避免<table>在HTML中使用.

但是,我遇到了一种情况,在构建显示多个产品及其特征的页面时,表格会让我的生活变得更轻松.

我是否应该尝试破解它以便我不需要桌子,或者我应该选择桌子？

我正在尝试使用jQuery解析表并填充数组,我已编写此代码来执行此操作:

var comments = new Array();

$("#mytable tr:nth-child(odd)").each( function( index ) {
    comments[index]["url"] = $(this).find(".menu2 a").attr("href");
    comments[index]["name"] = $(this).find(".menu2 a").text(); 
    comments[index]["avatar"] = $(this).find(".menu2 a img").attr("src");
    comments[index]["date"] = $(this).find("td[valign] b:first-child").text();
    $(this).find("td[valign] b:first-child").remove();
    comments[index]["report"] = $(this).find("td[valign] .pcomment_report").attr("data-refid");
    $(this).find("td[valign] .pcomment_report").remove();
    comments[index]["comment"] = $(this).find("td[valign]").html();        
});

但它让我回报:

TypeError:无法设置undefined的属性'url'

如何使此代码有效？

我正在使用以下代码来处理网页.在页面本身,用户可以双击表格中的单元格(<td>在下面的代码中),然后输入一个值.

是否存在此HTML的属性或部分,表明用户可以与此<td>元素进行交互？或者此功能是否来自其他来源(如Javascript)？

<tr class="ig_290640c5_r2" id="uwgBulkImportList_r_1" style="height: 20px;" alt="true Object="[object Object]">
  <td class="" id="uwgBulkImportList_rc_1_0" Object="[object Object]" unselectable="on" _hasMouse="false">
    <nobr>
      Text - Empty Text Node

我在 div 容器中有并排的表格，然后是我想在表格下显示的另一个 div 元素。在任何时候，表中的行数都可能多于彼此。如何让“日志”div 始终显示在行数最多的表格下方？

http://jsfiddle.net/Tc2wA/10/

<div id="table_container">
  <table border="1" class="table_tpr">
    <tr>
      <td width="10%">1</td>
      <td width="50%">12345678912345678912345679821345678941536321</td>
      <td width="20%">2</td>
    </tr>
    <tr>
      <td width="10%">1</td>
      <td width="50%">12345678912345678912345679821345678941536321</td>
      <td width="20%">2</td>
    </tr>
    <tr>
      <td width="10%">1</td>
      <td width="50%">12345678912345678912345679821345678941536321</td>
      <td width="20%">2</td>
    </tr>
  </table>
  <table border="1" class="table_loa">
    <tr>
      <td>1</td>
      <td>2</td>
    </tr>
  </table>
</div>
<br />
<div class="maintitle">Logs</div>

我在 td 中添加数据属性是这样的：

   <td style="text-align:center;padding: 3px 0;data-id:2;data-env:PL1;"><img  src="/VendorFeedDevUI/Content/green.png" style="width:25px" alt="Green"><div>21 Dec 14<br>23:55:00</div></td>

当我想在 Jquery 中检索相同的属性时，我使用以下代码：

  $(".gradienttable tr td").click(function () {
        showRefreshControl();
        var id = $(this).attr('data-id');
        var env = $(this).data('env')
       });

我正在尝试使用这两种方法来获取数据属性，但都返回未定义。我也得到了 td 对象，$(this)所以这不是问题。那么我做错了什么？

我的问题是：如何获取单击的行和列的值？

我的代码是这样的：

JS：

$.ajax({
        type: 'POST',
        url: url,
        data: json,
        success: function(data) {
            var response_array = JSON.parse(data);
            var columns = ['id', 'name', 'email', 'telephone', 'website', 'city'];
            var table_html = ' <tr>\n' +
                '<th id="id">Id</th>\n' +
                '<th id="name">Bedrijfnaam</th>\n' +
                '<th id="email">E-mail</th>\n' +
                '<th id="telephone">Telefoon</th>\n' +
                '<th id="website">Website</th>\n' +
                '<th id="city">Plaats</th>\n' +
                '</tr>';
            for (var i = 0; i < response_array.length; i++) {
                //create html table row
                table_html += '<tr>';
                for (var j = 0; j < columns.length; j++) {
                    //create html …

如何使表格数据td元素中的元素/文本垂直居中，填充其父表格行的整个高度tr？我认为 flexbox 是这里最好的方法。

这是我到目前为止尝试过的：https : //jsfiddle.net/3tr0cn4s/1/

我是perl编程的新手,现在陷入了非常严重的困难.实际上我必须解析一个包含单个表的html文件,我必须从那里提取一行,其中一个列条目是我所知道的.

我的html文件看起来像这样 -

many previous rows description in html format....

<td>some_value_default</td>
<td>0x0</td>
<td><a href="something" target="xyz">something</a></td>
<td>abcd</td>

//*

<tr><a name="Maximum_Capacity"></a>

<td>some 23:4</td>
<td>some_27: 15</td>
<td>24:29</td>
<td>17</td>
<td colspan=3>Maximum_Capacity</td>
<td colspan=5>
some commonly use value are:  24:31|25:67|677:89|xyz abc    
</td>
//*

<td>some_value_default</td>
<td> 0x0</td>
<td><a href="something.html" target="ren">sometext</a></td>
<td>again some text</td>

description of many rows in html afterwards...

//*之间的行表示我想要获取的行.我想使用它中包含的信息.如何在数组中获取该行,以便每个列条目都存储为数组元素.

请大家试着帮助我.

使用HTML / CSS可以创建具有三列的表格，其中一行只有两个单元格。但是，不是该行的一个单元格是66％（colspan =“ 2”），而另一个是33％，而两者都是50％（所以没错，colspan =“ 1.5”不能按预期工作）

为了说明我的意思：

我在说的是红色粗体行，这可能吗？