これは重複した質問であり、すべての可能な解決策を試しましたが成功しませんでした。私は私のExcelデータが表示されているパネルを使用しています、私は他の言葉で列を修正したいです。私が試みたすべてのCSSはパネル設定を破り、成功しませんでした。私はブートストラップCSSを使用しています&は1000以上の行を持っているので、私は固定ヘッダが必要です。 これはここに私のHTMLスクロールパネルでテーブルヘッダーを修正しました
<div class="panel panel-primary">
<div class="panel-heading">Excel Sheet</div>
<div class="panel-body">
<?php
echo '<table class="table table-striped table-hover table-condensed">';
echo "<thead class='thead'>";
echo "<tr class='info'>";
for ($column = 'A'; $column < $lastcol; $column++) {
echo "<th>";
echo $worksheet->getCell($column . '1')->getFormattedValue();
echo "</th>";
}
echo "</tr>";
echo '</thead>';
echo '<tbody>';
for ($row = 2; $row <= $lastrow; $row++) {
echo "<tr>";
for ($column = 'A'; $column < $lastcol; $column++) {
echo "<td>";
echo $worksheet->getCell($column . $row)->getFormattedValue();
echo "</td>";
}
echo "</tr>";
}
echo '</tbody>';
echo "</table>";
?>
</div>
</div>
で列と行1のヘッダを与えるであろう、ループのためのものです。私は統合されたphp-htmlを使用しました。ループの行に他の行が表示されます。 これは私のCSSです。コメントしたコードは私が試した最後のコードです。
.panel-heading{
font-size: 15px;
}
.panel-body{
overflow:auto;
height:400px;
}
tr{
border: 1px solid black;
}
th{
border: 1px solid black;
}
td{
border: 1px solid black;
}
例のフィドルがHere
P.Sです:私を助けるため、負の投票の場合にコメントを置くことを忘れてはいけないしてください。乾杯!
.panel-primary{
top: 0;
}
これはそれを行う必要があります:あなたの.panel-主に以下のCSSを追加
jsfiddleを追加したり、作業例でスニペットください。 –
@ P.Frankどのようにjsfiddleにデータベースから来る1000行を置くことができます。私はあなたが私の質問を読んでいないと確信しています。 –
はい私はあなたの例を読んだが、あなたのコードを見ずにあなたの問題を解決するのは難しい。あなたの1000行を貼り付ける必要はありません、3つだけ良いです。具体的なケースであなたの問題を見ているだけです。 –