|
|
|
สอบถามเรื่องการใช้ datatable ระยะความกว้าง ของthead และ tbodyไม่สัมพันธ์กัน |
|
|
|
|
|
|
|
น่าจะวาง html ผิด เอา code มาลงด้วยครับ
|
|
|
|
|
Date :
2019-02-28 16:57:03 |
By :
mongkon.k |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ประมานนี้ครับผม ผมตัดบางส่วนให้เหลือแต่HTML ครับ
Code (PHP)
<table id="reportta" class="display nowrap table table-hover table-striped table-bordered" style="width:100%">
<thead>
<tr>
<th class="bgsubject" rowspan=2>ผลิตภัณฑ์</th>
<th class="txtcen bgmainforcast" rowspan=2>ประมาณการ <?php echo $_POST['year_target']; ?></th>
<th class="txtcen bg3mat" colspan=2>มกราคม</th>
<th class="txtcen bg3mat" colspan=2>กุมภาพันธ์</th>
<th class="txtcen bg3mat" colspan=2>มีนาคม</th>
<th class="txtcen bg3" colspan=2>ไตรมาส 1</th>
<th class="txtcen bg3mat" colspan=2>เมษายน</th>
<th class="txtcen bg3mat" colspan=2>พฤษภาคม</th>
<th class="txtcen bg3mat" colspan=2>มิถุนายน</th>
<th class="txtcen bg3" colspan=2>ไตรมาส 2</th>
<th class="txtcen bg3mat" colspan=2>กรกฎาคม</th>
<th class="txtcen bg3mat" colspan=2>สิงหาคม</th>
<th class="txtcen bg3mat" colspan=2>กันยายน</th>
<th class="txtcen bg3" colspan=2>ไตรมาส 3</th>
<th class="txtcen bg3mat" colspan=2>ตุลาคม</th>
<th class="txtcen bg3mat" colspan=2>พฤศจิกายน</th>
<th class="txtcen bg3mat" colspan=2>ธันวาคม</th>
<th class="txtcen bg3" colspan=2>ไตรมาส 4</th>
<th class="txtcen bgsum" rowspan=2>รวม ยอดขายหักรับคืน</th>
</tr>
<tr>
<th class="txtcen bgforcast">ประมาณการ</th>
<th class="txtcen bgsold">ยอดขายหักรับคืน</th>
<th class="txtcen bgforcast">ประมาณการ</th>
<th class="txtcen bgsold">ยอดขายหักรับคืน</th>
<th class="txtcen bgforcast">ประมาณการ</th>
<th class="txtcen bgsold">ยอดขายหักรับคืน</th>
<th class="txtcen bg3">รวมประมาณการ</th>
<th class="txtcen bg3">รวมยอดขายหักรับคืน</th>
<th class="txtcen bgforcast">ประมาณการ</th>
<th class="txtcen bgsold">ยอดขายหักรับคืน</th>
<th class="txtcen bgforcast">ประมาณการ</th>
<th class="txtcen bgsold">ยอดขายหักรับคืน</th>
<th class="txtcen bgforcast">ประมาณการ</th>
<th class="txtcen bgsold">ยอดขายหักรับคืน</th>
<th class="txtcen bg3">รวมประมาณการ</th>
<th class="txtcen bg3">รวมยอดขายหักรับคืน</th>
<th class="txtcen bgforcast">ประมาณการ</th>
<th class="txtcen bgsold">ยอดขายหักรับคืน</th>
<th class="txtcen bgforcast">ประมาณการ</th>
<th class="txtcen bgsold">ยอดขายหักรับคืน</th>
<th class="txtcen bgforcast">ประมาณการ</th>
<th class="txtcen bgsold">ยอดขายหักรับคืน</th>
<th class="txtcen bg3">รวมประมาณการ</th>
<th class="txtcen bg3">รวมยอดขายหักรับคืน</th>
<th class="txtcen bgforcast">ประมาณการ</th>
<th class="txtcen bgsold">ยอดขายหักรับคืน</th>
<th class="txtcen bgforcast">ประมาณการ</th>
<th class="txtcen bgsold">ยอดขายหักรับคืน</th>
<th class="txtcen bgforcast">ประมาณการ</th>
<th class="txtcen bgsold">ยอดขายหักรับคืน</th>
<th class="txtcen bg3">รวมประมาณการ</th>
<th class="txtcen bg3">รวมยอดขายหักรับคืน</th>
</tr>
</thead>
<tbody>
<?php
for($i=0;$i<55;$i++){
echo"<tr class=\"\">
<td class=\"bgsubject\">".$pee."</td>
<td class=\"txtcen bgmainforcast\">".number_format($targetp[0],2,".",",")."</td>
<td class=\"txtcen noright bgforcast\">".number_format($targetp[1],2,".",",")."</td>
<td class=\"txtcen noleft bgsold\">".number_format($sumtotalarea['tol'][1],2,".",",")."</td>
<td class=\"txtcen noright bgforcast\">".number_format($targetp[2],2,".",",")."</td>
<td class=\"txtcen noleft bgsold\">".number_format($sumtotalarea['tol'][2],2,".",",")."</td>
<td class=\"txtcen noright bgforcast\">".number_format($targetp[3],2,".",",")."</td>
<td class=\"txtcen noleft bgsold\">".number_format($sumtotalarea['tol'][3],2,".",",")."</td>
<td class=\"txtcen noright bg3\">".number_format($tritargetp1,2,".",",")."</td>
<td class=\"txtcen noleft bg3\">".number_format($tri1,2,".",",")."</td>
<td class=\"txtcen noright bgforcast\">".number_format($targetp[5],2,".",",")."</td>
<td class=\"txtcen noleft bgsold\">".number_format($sumtotalarea['tol'][4],2,".",",")."</td>
<td class=\"txtcen noright bgforcast\">".number_format($targetp[6],2,".",",")."</td>
<td class=\"txtcen noleft bgsold\">".number_format($sumtotalarea['tol'][5],2,".",",")."</td>
<td class=\"txtcen noright bgforcast\">".number_format($targetp[7],2,".",",")."</td>
<td class=\"txtcen noleft bgsold\">".number_format($sumtotalarea['tol'][6],2,".",",")."</td>
<td class=\"txtcen noright bg3\">".number_format($tritargetp2,2,".",",")."</td>
<td class=\"txtcen noleft bg3\">".number_format($tri2,2,".",",")."</td>
<td class=\"txtcen noright bgforcast\">".number_format($targetp[9],2,".",",")."</td>
<td class=\"txtcen noleft bgsold\">".number_format($sumtotalarea['tol'][7],2,".",",")."</td>
<td class=\"txtcen noright bgforcast\">".number_format($targetp[10],2,".",",")."</td>
<td class=\"txtcen noleft bgsold\">".number_format($sumtotalarea['tol'][8],2,".",",")."</td>
<td class=\"txtcen noright bgforcast\">".number_format($targetp[11],2,".",",")."</td>
<td class=\"txtcen noleft bgsold\">".number_format($sumtotalarea['tol'][9],2,".",",")."</td>
<td class=\"txtcen noright bg3\">".number_format($tritargetp3,2,".",",")."</td>
<td class=\"txtcen noleft bg3\">".number_format($tri3,2,".",",")."</td>
<td class=\"txtcen noright bgforcast\">".number_format($targetp[13],2,".",",")."</td>
<td class=\"txtcen noleft bgsold\">".number_format($sumtotalarea['tol'][10],2,".",",")."</td>
<td class=\"txtcen noright bgforcast\">".number_format($targetp[14],2,".",",")."</td>
<td class=\"txtcen noleft bgsold\">".number_format($sumtotalarea['tol'][11],2,".",",")."</td>
<td class=\"txtcen noright bgforcast\">".number_format($targetp[15],2,".",",")."</td>
<td class=\"txtcen noleft bgsold\">".number_format($sumtotalarea['tol'][12],2,".",",")."</td>
<td class=\"txtcen noright bg3\">".number_format($tritargetp4,2,".",",")."</td>
<td class=\"txtcen noleft bg3\">".number_format($tri4,2,".",",")."</td>
<td class=\"txtcen bgsum\">".number_format($tritotal,2,".",",")."</td>
</tr>";
}
?>
</tbody>
</table>
|
|
|
|
|
Date :
2019-03-01 10:30:59 |
By :
tonmasterbp |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
เวลาเอาโค๊ดมาลงจัด indent ซักหน่อยก็ดีนะครับ
เวลาอ่านจะได้เข้าใจง่าย
นับ จำนวน แล้วก็ถูกต้อง ลองcap รูปมาดูหน่อย
น่าจะเกิดจาก css
ตัวอย่างการใช้ โค๊ด ที่จะทำให้อ่านแล้วเข้าใจง่าย
Code (PHP)
<table id="reportta" class="display nowrap table table-hover table-striped table-bordered" style="width:100%">
<thead>
<tr>
<th class="bgsubject" rowspan=2>ผลิตภัณฑ์</th>
<th class="txtcen bgmainforcast" rowspan=2>ประมาณการ <?=$_POST['year_target']?></th>
<th class="txtcen bg3mat" colspan=2>มกราคม</th>
<th class="txtcen bg3mat" colspan=2>กุมภาพันธ์</th>
<th class="txtcen bg3mat" colspan=2>มีนาคม</th>
<th class="txtcen bg3" colspan=2>ไตรมาส 1</th>
<th class="txtcen bg3mat" colspan=2>เมษายน</th>
<th class="txtcen bg3mat" colspan=2>พฤษภาคม</th>
<th class="txtcen bg3mat" colspan=2>มิถุนายน</th>
<th class="txtcen bg3" colspan=2>ไตรมาส 2</th>
<th class="txtcen bg3mat" colspan=2>กรกฎาคม</th>
<th class="txtcen bg3mat" colspan=2>สิงหาคม</th>
<th class="txtcen bg3mat" colspan=2>กันยายน</th>
<th class="txtcen bg3" colspan=2>ไตรมาส 3</th>
<th class="txtcen bg3mat" colspan=2>ตุลาคม</th>
<th class="txtcen bg3mat" colspan=2>พฤศจิกายน</th>
<th class="txtcen bg3mat" colspan=2>ธันวาคม</th>
<th class="txtcen bg3" colspan=2>ไตรมาส 4</th>
<th class="txtcen bgsum" rowspan=2>รวม ยอดขายหักรับคืน</th>
</tr>
<tr>
<th class="txtcen bgforcast">ประมาณการ</th>
<th class="txtcen bgsold">ยอดขายหักรับคืน</th>
<th class="txtcen bgforcast">ประมาณการ</th>
<th class="txtcen bgsold">ยอดขายหักรับคืน</th>
<th class="txtcen bgforcast">ประมาณการ</th>
<th class="txtcen bgsold">ยอดขายหักรับคืน</th>
<th class="txtcen bg3">รวมประมาณการ</th>
<th class="txtcen bg3">รวมยอดขายหักรับคืน</th>
<th class="txtcen bgforcast">ประมาณการ</th>
<th class="txtcen bgsold">ยอดขายหักรับคืน</th>
<th class="txtcen bgforcast">ประมาณการ</th>
<th class="txtcen bgsold">ยอดขายหักรับคืน</th>
<th class="txtcen bgforcast">ประมาณการ</th>
<th class="txtcen bgsold">ยอดขายหักรับคืน</th>
<th class="txtcen bg3">รวมประมาณการ</th>
<th class="txtcen bg3">รวมยอดขายหักรับคืน</th>
<th class="txtcen bgforcast">ประมาณการ</th>
<th class="txtcen bgsold">ยอดขายหักรับคืน</th>
<th class="txtcen bgforcast">ประมาณการ</th>
<th class="txtcen bgsold">ยอดขายหักรับคืน</th>
<th class="txtcen bgforcast">ประมาณการ</th>
<th class="txtcen bgsold">ยอดขายหักรับคืน</th>
<th class="txtcen bg3">รวมประมาณการ</th>
<th class="txtcen bg3">รวมยอดขายหักรับคืน</th>
<th class="txtcen bgforcast">ประมาณการ</th>
<th class="txtcen bgsold">ยอดขายหักรับคืน</th>
<th class="txtcen bgforcast">ประมาณการ</th>
<th class="txtcen bgsold">ยอดขายหักรับคืน</th>
<th class="txtcen bgforcast">ประมาณการ</th>
<th class="txtcen bgsold">ยอดขายหักรับคืน</th>
<th class="txtcen bg3">รวมประมาณการ</th>
<th class="txtcen bg3">รวมยอดขายหักรับคืน</th>
</tr>
</thead>
<tbody>
<?php
for($i=0;$i<55;$i++){:?>
<tr class="">
<td class="bgsubject"><?=$pee?></td>
<td class="txtcen bgmainforcast"><?=number_format($targetp[0],2,".",",")?></td>
<td class="txtcen noright bgforcast"><?=number_format($targetp[1],2,".",",")?></td>
<td class="txtcen noleft bgsold"><?=number_format($sumtotalarea['tol'][1],2,".",",")?></td>
<td class="txtcen noright bgforcast"><?=number_format($targetp[2],2,".",",")?></td>
<td class="txtcen noleft bgsold"><?=number_format($sumtotalarea['tol'][2],2,".",",")?></td>
<td class="txtcen noright bgforcast"><?=number_format($targetp[3],2,".",",")?></td>
<td class="txtcen noleft bgsold"><?=number_format($sumtotalarea['tol'][3],2,".",",")?></td>
<td class="txtcen noright bg3"><?=number_format($tritargetp1,2,".",",")?></td>
<td class="txtcen noleft bg3"><?=number_format($tri1,2,".",",")?></td>
<td class="txtcen noright bgforcast"><?=number_format($targetp[5],2,".",",")?></td>
<td class="txtcen noleft bgsold"><?=number_format($sumtotalarea['tol'][4],2,".",",")?></td>
<td class="txtcen noright bgforcast"><?=number_format($targetp[6],2,".",",")?></td>
<td class="txtcen noleft bgsold"><?=number_format($sumtotalarea['tol'][5],2,".",",")?></td>
<td class="txtcen noright bgforcast"><?=number_format($targetp[7],2,".",",")?></td>
<td class="txtcen noleft bgsold"><?=number_format($sumtotalarea['tol'][6],2,".",",")?></td>
<td class="txtcen noright bg3"><?=number_format($tritargetp2,2,".",",")?></td>
<td class="txtcen noleft bg3"><?=number_format($tri2,2,".",",")?></td>
<td class="txtcen noright bgforcast"><?=number_format($targetp[9],2,".",",")?></td>
<td class="txtcen noleft bgsold"><?=number_format($sumtotalarea['tol'][7],2,".",",")?></td>
<td class="txtcen noright bgforcast"><?=number_format($targetp[10],2,".",",")?></td>
<td class="txtcen noleft bgsold"><?=number_format($sumtotalarea['tol'][8],2,".",",")?></td>
<td class="txtcen noright bgforcast"><?=number_format($targetp[11],2,".",",")?></td>
<td class="txtcen noleft bgsold"><?=number_format($sumtotalarea['tol'][9],2,".",",")?></td>
<td class="txtcen noright bg3"><?=number_format($tritargetp3,2,".",",")?></td>
<td class="txtcen noleft bg3"><?=number_format($tri3,2,".",",")?></td>
<td class="txtcen noright bgforcast"><?=number_format($targetp[13],2,".",",")?></td>
<td class="txtcen noleft bgsold"><?=number_format($sumtotalarea['tol'][10],2,".",",")?></td>
<td class="txtcen noright bgforcast"><?=number_format($targetp[14],2,".",",")?></td>
<td class="txtcen noleft bgsold"><?=number_format($sumtotalarea['tol'][11],2,".",",")?></td>
<td class="txtcen noright bgforcast"><?=number_format($targetp[15],2,".",",")?></td>
<td class="txtcen noleft bgsold"><?=number_format($sumtotalarea['tol'][12],2,".",",")?></td>
<td class="txtcen noright bg3"><?=number_format($tritargetp4,2,".",",")?></td>
<td class="txtcen noleft bg3"><?=number_format($tri4,2,".",",")?></td>
<td class="txtcen bgsum"><?=number_format($tritotal,2,".",",")?></td>
</tr>
<?php
endfor;?>
</tbody>
</table>
|
|
|
|
|
Date :
2019-03-01 12:39:18 |
By :
Chaidhanan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุณพี่ Chaidhanan ครับ
ตอนแรกผมคิดว่าเป็นที่ขนาด solution หน้าจอ แต่ผมตรวจแล้วก็ตรงกันทุกเครื่องครับ
จากรูปเป็นผลประมานนี้ครับ เป็น2เครื่องครับจากที่ลองมา6เครื่อง วิธีแก้ผมต้องย่อขนาดchrome ย่อเล็กครับ ไม่ใช่การพับหน้าจอ แล้วขยายออกมาใหม่ตรงนี้ก็หายครับ แสดงผลปกติตรงทุกช่อง
จากภาพสังเกตุว่ามันขยับไปทีละนิดช่องท้ายๆจะเพี้ยนเยอะหน่อย เบื้องต้นผมให้ผู้ใช้งานแก้แบบวิธีย่อขยายแบบที่ผมแจ้งไปก่อนครับ แต่ก็อยากแก้ให้ได้100% เลย เพราะโดนบ่นมากับการคลิก2ที กับการแก้เบื้องต้นแบบของผมครับ
|
|
|
|
|
Date :
2019-03-01 13:43:29 |
By :
tonmasterbp |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
น่าจะติดที่ CSS นะครับ
|
|
|
|
|
Date :
2019-03-01 13:56:12 |
By :
Manussawin |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ลองใส่ width ให้กลับ class
|
|
|
|
|
Date :
2019-03-01 18:28:10 |
By :
Chaidhanan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 02
|