0
Vertical_Table function
을 사용하여 테이블을 생성 중입니다. div
에서 테이블을 제거 할 때 행과 열의 크기를 조정할 수 있지만 div
안에 있으면 변경할 수 없습니다. 어떤 아이디어? 당신은 내가 http://jsfiddle.net/6XAHR/div의 테이블 열/행 높이를 변경할 수 없습니다.
CSS 코드
> #Pallate
{
border: 1px solid black;
position:relative;
top:40px;
margin:0 auto;
width:1200px;
height:360px;
background-color: #C8C8C8;
}
#Scroll_Table_Border
{
Position:relative;
top:40px;
Left:320px;
border: 1px solid black;
height:275px;
max-width: 850px;
background-color: #C8C8C8;
}
#Scroll_Table {
left:25px;
top:25px;
white-space: nowrap;
Position:Absolute;
height:225px;
max-width: 800px;
width: 100% !important;
overflow:auto;
background-color: #C8C8C8;
}
#Button_Group_Title
{
Position:Absolute;
padding-right:5px;
padding-left:5px;
background-color: #C8C8C8;
top:30px;
Left:35px;
z-index:2;
}
#Scroll_Table_Title
{
Position:Absolute;
padding-right:5px;
padding-left:5px;
background-color: #C8C8C8;
z-index:2;
top:30px;
Left:335px;
}
#Button_Group {
text-align:center;
padding-top:30px;
padding-bottom:15px;
padding-right:25px;
padding-left:25px;
border: 1px solid black;
position:Absolute;
top:40px;
left:20px;
height:230px;
width:200px;
vertical-align: middle;
background-color: #C8C8C8;
}
HTML 코드
<div ID = "Pallate" >
<div ID = "Scroll_Table_Title">Trial Information</div>
<div ID = "Button_Group_Title">View Results</div>
<div ID = "Button_Group">
<input type="button" ID = "Paper_Information" onclick="changeContent(this.id)" value="Paper Information" class = "Class_Button">
<input type="button" ID = "Trial_Information" onclick="changeContent(this.id)" value="Trial Setting" class = "Class_Button">
<input type="button" ID = "Results" onclick="changeContent(this.id)" value="Trial Results" class = "Class_Button">
<input type="button" ID = "Control_Law" onclick="changeContent(this.id)" value="Control Algorithm" class = "Class_Button">
<input type="button" ID = "Exercise" onclick="changeContent(this.id)" value="Exercise" class = "Class_Button">
<input type="button" ID = "Actuator" onclick="changeContent(this.id)" value="Pump Properties" class = "Class_Button">
<input type="button" ID = "Sensor" onclick="changeContent(this.id)" value="Glucose Sensor" class = "Class_Button">
<input type="button" ID = "Blood_Glucose_Safety" onclick="changeContent(this.id)" value="Blood Glucose Safety" class = "Class_Button">
<input type="button" ID = "Reference_Glucose" onclick="changeContent(this.id)" value="Reference Measurements" class = "Class_Button">
</div>
PHP 코드
<div ID = "Scroll_Table_Border">
<div ID = "Scroll_Table">
<?php
$Columns = 'SELECT COLUMN_NAME FROM INFORMATION_SCHEMA.COLUMNS WHERE Table_NAME = \'Control_Law\'';
$Columns = sqlsrv_query($dbhandle,$Columns);
$Sets = array(sqlsrv_query($dbhandle, 'SELECT * FROM Control_Law WHERE [Paper ID] = ' . $ID));
$i = 0;
while ($Row = sqlsrv_fetch_array($Columns))
{
$Column_Vector[$i] = $Row[0]; $i++;
}
$Table_ID = 'Advanced_Table';
$Columns_Vector = array($Column_Vector);
Vertical_Table($Columns_Vector,$Sets,'40px','',$Table_ID);
?>
</div>
</div>
에 대해 이야기하고있는 것을 볼 수 있도록 몇 가지 jfiddle입니다
PHP를 생성 된 HTML 샘플로 대체하고 jsfiddle.net에 모든 것을 넣을 수 있습니까? – Daze
td 요소에 스타일을 적용하고 있습니까? CSS는 정말 까다 롭고 테이블의 가장 낮은 노드 (
방금 jfiddle를 게시했습니다. 여기에는 내 테이블, div 및 기타 모든 스타일이 있습니다. – Gaven
답변
이
는 다음 최대 폭을 설정할 수 있습니다 드롭 다운 받게됩니다. 당신이 지금 거기에있는 텍스트 문제는 공백없이 모두 1 문자열입니다. 공백을 제거하면 정상적으로 드롭 다운됩니다. 희망이 도움이!출처
2014-04-30 00:45:23
관련 문제