Dn91 Ответов: 1

Использование colspan для слияния динамических данных


Привет ребята,

У меня есть вопрос о слиянии данных
1. Как использовать colspan для объединения кнопки в столбец на основе динамических данных?
Вот изображение моих данных в таблице

использование colspan

а вот кодировка для него на javascript:


var DrillStructure = {
  
  "Cutting" : {
    "dDom" : "<th>No</th><th>Part Name</th><th>Raw Material</th><th>Order Qty</th><th>Qty</th><th>Marker 's Size</th><th>Req Hrs</th><th>Cutting Start</th><th>Cutting End</th><th>Status</th></tr></thead>",
    "link" : "msp/loopForCutting"
  },
  "Printing" : {
    "dDom" : "<th>No</th><th>Part Name</th><th>Order Qty</th><th>Qty</th><th>Colour Print</th><th>Type</th><th>No of Up</th><th>Req Hrs</th><th>Printing Start</th><th>Printing End</th><th>Status</th><th >Action</th></tr></thead>",
    "link" : "msp/loopForCutting"
  }
 
};


а это и есть php код:

// Display the data in the form i wanted
		$iloop = 1;
		foreach ($rResult->result_array() as $aRow) { 
       if($department == 'Printing') {
        $material = $aRow['material_part'];
        $qty      = $aRow['qty'];
        $demand   = $aRow['UPH'];
        $colprint = $aRow['colprint'];
        $noup     = $aRow['noup'];
        $reqhrs   = ((($colprint * $qty) / $demand) / $noup);
        $btn      = "<a class='btn'  data-mat = \"{$material}\" onclick=\"openPrintingLog(this, 'prnlog','{$iloop}', '{$idschedule}')\"></a>";
        
        $row[0]   = $btn;
        $row[1]   = $material;
        $row[2]   = $aRow['qty'];
        $row[3]   = $aRow['prnqty'];
        $row[4]   = $aRow['colprint'];
        $row[5]   = $aRow['coltype'];
        $row[6]   = $aRow['noup'];
        $row[7]   = number_format($reqhrs,2,'.','');
        $row[8]   = "<span class='editable' data-from='part' data-field='printingstart' data-id='{$aRow['idschedulepart']}'>{$aRow['printingstart']}</span>";
        $row[9]   = "<span class='editable' data-from='part' data-field='printingend'   data-id='{$aRow['idschedulepart']}'>{$aRow['printingend']}</span>";
        $row[10]  = $aRow['status'];
	   $row[11] = "<a class='btn btn-small' onclick='open_wrappers();'>Complete</a>"; //added by hyj
      }
      
			$iloop = $iloop + 1;
			$output['aaData'][] = $row;
		}


Спасибо заранее.

Что я уже пробовал:

Я искал, как использовать colspan и rowspan, и нашел эту страницу, но не знаю, как она работает.

Слияние

1 Ответов

Рейтинг:
2

W∴ Balboos, GHB

colspan и rowspan не объединяют данные.
Они объединяют столбцы и строки в HTML-таблицах

Это означает, что они избавляются от граничной стены для указанного количества строк и/или столбцов.

Если вы хотите объединить данные, вы должны создать данные в объединенной форме.

Например, если текст и кнопка находятся в отдельных столбцах рядом друг с другом, colspan='2' расширит текст до двух столбцов и поместит кнопку в следующий столбец. Если вы создаете текст и кнопку, они должны быть в одном и том же <td> (или <th>) Для начала, и если вам нужно пространство, то вы colspan это.