如何創建可滾動表格？

嗨我想創建表應該滾動使用PHP，我能夠實現當我給行甚至奇數顏色它成爲不滾動我該怎麼做，當我添加偶數和奇數類名稱不應該成爲非滾動如何創建可滾動表格？

這裏是我的代碼

<head> 
<link rel="stylesheet" type="text/css" href="styles.css" /> 
<script src="jquery.js"></script> 
<style type="text/css"> 
.wrap { 
    width: 320px; 

} 

.wrap table { 
    width: 300px; 
    table-layout: fixed; 
} 

table tr td { 
    padding: 5px; 
    border: 1px solid #eee; 
    width: 100px; 
    word-wrap: break-word; 
} 

table.head tr td { 
    background: #eee; 
} 

.inner_table { 
    height: 150px; 
    overflow-y: auto; 
}</style 
</head> 
<?php 
include('conn.php'); 
if(! $conn) 
{ 
    die('Could not connect: ' . mysql_error()); 
} 
$sql = 'SELECT * FROM mesagerecord'; 


$retval = mysql_query($sql, $conn); 
if(! $retval) 
{ 
    die('Could not get data: ' . mysql_error()); 
} 
?> 
<div class="wrap"> 
    <table class="head"> 
     <tr> 
      <td>Message</td> 
      </tr> 
    </table> 
    <div class="inner_table"> 
    <table> 

<?php 
$i=0; 
while($row = mysql_fetch_array($retval, MYSQL_ASSOC)) 
{ 
    if($i%2==0) 
$classname="evenRow"; 
else 
$classname="oddRow"; 
?> 
     <tr> 
      <td class="<?php echo $classname;?>"><?php echo $row['message']; ?></td> 

    </tr> 
    <?php 
$i++;} 
?> 
</table> 
    </div> 
    </div> 
<?php 
mysql_close($conn); 
?>

如果我刪除偶奇的類名，它工作正常。

來源

2014-09-04 kunal rajawat

– 2014-09-04 10:08:47

我沒有工作 – 2014-09-04 10:10:10

請，答案已經公佈。 – 2014-09-04 10:36:12

你必須使用tbody，並給溢出將自動和顯示爲塊。

你可以檢查嗎？

例子：

的CSS

<style> 
    tbody { 
     height: 100px; 
     overflow: auto; 
     display:block; 
    } 
    </style>

HTML

<table border="1"> 
     <thead> 
      <tr> 
       <td>Test Cases</td> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td>Test 1</td> 
      </tr> 
      <tr> 
       <td>Test 2</td> 
      </tr> 
      <tr> 
       <td>Test 3</td> 
      </tr> 
      <tr> 
       <td>Test 4</td> 
      </tr> 
     </tbody> 
    </table>

來源

2014-09-04 10:35:41

如何創建可滾動表格？

回答

相關問題