表格适配移动端代码

convertTable.js

$('.md-preview table').each(function(){
	var $table = $(this);
	var $th = $table.find('thead th');
	var colCount = $th.length;
	var transformCols = $th.slice(1).map(function(index){
		var content = this.innerHTML;
		if(index > 0){
			$(this).remove();
		}
		return content;
	}).get();

	$th.eq(1).html('项目').attr('colspan', '2');

	var $originalTr = $table.find('tbody tr');
	$originalTr.each(function(index){
		var $thisTr = $(this);
		var values = $thisTr.find('td:gt(0)').map(function(index){
			var content = this.innerHTML;
			if(index > 1){
				$(this).remove();
			}
			return content;
		}).get();
		for(var i=transformCols.length; i>1; i--){
			$thisTr.after('<tr><td>' +
				transformCols[i-1] +
				'</td><td>' +
				values[i-1] +
				'</td></tr>');
		}
		$thisTr.find('td:eq(0)').attr('rowspan', transformCols.length);
		$thisTr.find('td:eq(1)').css('text-align', 'left').html(transformCols[0]);
		$thisTr.find('td:eq(2)').css('text-align', 'left').html(values[0]);
		/*for(var i=0; i<transformCols.length; i++){

		}*/
	});
	console.log(transformCols);
});