表格列数太多，缩成一团，加了一个滑动条，字又自动拆行，很无语，求解释啊

[wonder855]

表格有很多列，加了一个滑动条，但是输出的时候表格列宽长度和超过了浏览器宽度，单元格里的内容直接变成了纵向输出，给位大神，应该怎么样解决啊？

	 	<div class="test" style="height:120px; overflow-x:scroll; overflow-y:hidden;">
		    	<table class="table table-striped table-condensed, tr td{white-space:nowrap}">
		    	
		    		<thead>
		    			<tr>
		    				<!-- <th>SIM</th><th>车牌号</th><th>终端ID</th><th>终端型号</th><th>终端厂家</th><th>服务商</th><th>服务商联系人</th><th>服务商联系电话</th><th>所属省份</th><th>车主</th><th>联系人</th><th>联系电话</th> -->
		    			
		    				<th>SIM</th><th>车牌号</th><th>SIM</th><th>车牌号</th><th>SIM</th><th>车牌号</th><th>终端-鉴权码</th><th>终端型号</th><th>终端厂家</th><th>服务商</th><th>创建时间</th><th>修改时间</th><th>所属省份</th><th>车主</th><th>联系人</th><th>联系电话</th> 		    			
		    			</tr>
		    		</thead> 
		    	
		   			<tbody>
		    			<tr id="vehiclevalue">
		    			</tr>
		    		</tbody>
		       </table>
		   </div>

这个是查询，两个一起构成表格

function(data){
				var text = $("#vehiclevalue");
				text.text("");
				text.append("<td>"+data.sim+"</td>" +
						"<td>"+data.plate+" "+data.plateColor+"</td>" +
						"<td>"+data.sim+"</td>" +
						"<td>"+data.plate+" "+data.plateColor+"</td>" +
						"<td>"+data.sim+"</td>" +
						"<td>"+data.plate+" "+data.plateColor+"</td>" +
										"<td>"+data.terminalID+"-"+data.authCode+"</td>" +
										"<td>"+data.terminalType+"</td>" +
												"<td>"+data.terminalProduct+"</td>" +
												"<td>"+data.serviceProvider+"</td>" +
												"<td>"+data.createVehicleTime+"</td>" +		//车辆创建时间
												"<td>"+data.modifyVehicleTime+"</td>" +	//车辆修改时间
														
														/*"<td>"+data.serviceContact+"</td>" +
																				"<td>"+data.servicePhone+"</td>" +*/
																						"<td>"+data.vechileProvince+"</td>" +
																							 "<td><>"+data.vehicleOwner+"</nobr></td>" +
																								   "<td>"+data.vehicleContact+"</td>" +
																								   		"<td>"+data.contactPhone+"</td>");

[Andy__Huang]

那样写太麻烦了，应该在返回数据集后，生成html代码，然后放到div里

[wonder855]

引用 4 楼 hdhai9451 的回复:

那样写太麻烦了，应该在返回数据集后，生成html代码，然后放到div里

现在就是左右的滑动条也出来了，但就是有几个单元里比较长的内容长长的一串儿，一个字一行，纵向显示着，缩成一团，能让它一行显示出来就ok了

[KeepSayingNo]

用现有的表格控件不行吗，gridview，jqgrid啊，非常多啊

[wonder855]

引用 6 楼 dotnetstudio 的回复:

用现有的表格控件不行吗，gridview，jqgrid啊，非常多啊

因为还不会啊 就是想再现有基础上，能让表格比浏览器还长就行了

[街头小贩]

兄弟麻烦贴一下脚本执行完的html源代码

[wonder855]

大二实习生一枚，不好意思啊，不知道现在还能不能全贴出。。

[wonder855]

[quote=引用 1 楼 xiaofanku 的回复:] 兄弟麻烦贴一下脚本执行完的html源代码[/不好意思啊，学生暑假工一枚，公司的，不知道现在还能不能全贴出。。

[KeepSayingNo]

微软已经为你考虑得非常周到了，你直接拖进去就可以了。下面就是该控件

[萝莉狼]

你可以考虑把字体调小一点……