javascript - 如何在此 css/jquery 小部件中扩展 <tr> 宽度或合并 <td> 单元格？

Question

我正在使用带有此自定义小部件的梦幻足球网站。

Site is here , css is here ，尽管还有很多其他 CSS 被继承。

我希望所有图标都水平显示在表格的第一行。

我已经为图标设置了一行，但它们仍然被迫在一个狭窄的列中，每个图标似乎都拥有自己的行。我最好的猜测是小部件代码的这个“函数 createColumnLeft(fpid)”部分:

function createColumnLeft(fpid)
{
    var htmlComponent_s = '<table>';
    var htmlComponent_e = '</table>';
    var temoComp = '';
    for(var i=0;fpid!=null && i<fpid.length ;i++) {
        if(!(middleFranchise!='' && fpid[i].id == middleFranchise)) {
            var fdb = franchiseDatabase['fid_'+fpid[i].id];
            if(fdb instanceof Franchise) {
                temoComp += '<td class="left_m" id="left_menu_'+fdb.id+'">';
                var displayName = '';
                 if(useIcons) {
                    temoComp+='<td>';
                 if(fdb.icon == null || fdb.icon.trim() == '') {
                    displayName = fdb.name;
                 }
                 else {
                    displayName = '<img src="' + fdb.icon + '"class="franchiseicon" title="' + fdb.name + '" />'
                 }
              } 
              else {
                  temoComp+='<td class="teamname">';
                  displayName   =   fdb.name;
              }
            temoComp = temoComp + '<a href="javascript:populateSelectedFranchise(\''+fdb.id+'\')">' + displayName +'</a>' ;
            temoComp = temoComp + '</td></tr>';
            }
        }
    }
    return htmlComponent_s+temoComp+htmlComponent_e;
}

Answer 1

#roster_column_left table tbody tr {
    display: inline;
    float: left;
}