Javascript 如何扩展<；tr>；宽度或联合收割机<；td>；这个css/jquery小部件中的单元格？

我正在使用一个带有这个自定义小部件的幻想足球网站

，尽管还有很多其他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;
}

函数createColumnLeft（fpid）
{
var htmlComponent_s=''；
var htmlComponent_e=''；
var Temocop=“”；
对于（var i=0；fpid！=null&&i实际上，这似乎不是CSS问题。上面的代码似乎正在为每个数组元素创建新行

htmlComponent_&htmlComponent_e是起始标记和终止标记，因为此行中有终止标记：

temoComp    =    temoComp + '</td></tr>';

temocamp=temocamp+''；

…这导致DOM解析器假定您的意思是每个图标一行。您确实需要显式地创建一行，然后创建每个图标一行

temoComp    =    temoComp + '</td></tr>';