ต้องการปรับพื้นที่ช่องตาราง

CSS Knowledge เป็น บอร์ดรวามความรู้ CCC เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
chakirin.bfds
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 783
ลงทะเบียนเมื่อ: 22/12/2020 10:19 am

ต้องการปรับพื้นที่ช่องตาราง

โพสต์ที่ยังไม่ได้อ่าน โดย chakirin.bfds »

ต้องการปรับพื้นที่ช่องตารางให้เล็กลงครับ โดยลองปรับโค้ดบ้างเเล้ว เช่น colgroup, colspan เเต่ตารางไม่ขยับเลยครับ อันนี้ผมปรับผิดจุดหรือมีที่อื่นหรือเปล่าครับ
code

โค้ด: เลือกทั้งหมด

                <table class="table table-bordered" style="margin-bottom: 0px">
                    <tr>
                        <td>
                            <table style="font-size: 13px; line-height: 18pt">
                                <colgroup>
                                    <col width="200"/>
                                    <col width="560"/>
                                </colgroup>
                                <tr>
                                    <th style="border:1px solid #000;">  ชื่อลูกค้า  </th>
                                    <td colspan="3">
                                        <span  t-field="o.partner_id"/>
                                    </td>
                                    <th>  โทร.: </th>
                                    <td colspan="1" width="20%">
                                       <font color="white">55</font> <span t-field="o.partner_id.phone"/>
                                    </td>
                                </tr>
                                <tr>
                                    <th> ที่อยู่ </th>
                                    <td colspan="3" class="text-left">
                                        <font color="white">55</font>
                                        <span t-field="o.partner_id.street"/>
                                        <span t-field="o.partner_id.street2"/>
                                        <span t-field="o.partner_id.city"/>
                                        <span t-field="o.partner_id.country_id.name"/>
                                        <span t-field="o.partner_id.zip"/>
                                    </td>
                                </tr>

                                <tr>
                                    <th width="25%"> เลขประจำตัวผู้เสียภาษีอากร </th>
                                    <td colspan="3" >
                                        <font color="white">55</font> <span t-field="o.partner_id.tax_no_id"/>
                                    </td>
                                    <th>  แฟกซ์.: </th>
                                    <td width="20%">
                                       <font color="white">55</font>   <span t-field="o.partner_id.fax"/>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
CSS Knowledge-1.png
CSS Knowledge-1.png (47.7 KiB) Viewed 2474 times
ภาพประจำตัวสมาชิก
MBMoo
PHP VIP Members
PHP VIP Members
โพสต์: 25602
ลงทะเบียนเมื่อ: 04/06/2020 10:05 am

Re: ต้องการปรับพื้นที่ช่องตาราง

โพสต์ที่ยังไม่ได้อ่าน โดย MBMoo »

ใช้แทน th และให้ไปอยู่ใน td แทน

โค้ด: เลือกทั้งหมด

<span> <b>ที่อยู่ </b></span>
ภาพประจำตัวสมาชิก
chakirin.bfds
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 783
ลงทะเบียนเมื่อ: 22/12/2020 10:19 am

Re: ต้องการปรับพื้นที่ช่องตาราง

โพสต์ที่ยังไม่ได้อ่าน โดย chakirin.bfds »

bolue เขียน: 22/03/2021 5:18 pm ใช้แทน th และให้ไปอยู่ใน td แทน

โค้ด: เลือกทั้งหมด

<span> <b>ที่อยู่ </b></span>
ทำเเล้วครับ เเต่ไม่สามารถกำหนดขนาด กรอบได้เหมือยเดิมคัรบ
ภาพประจำตัวสมาชิก
MBMoo
PHP VIP Members
PHP VIP Members
โพสต์: 25602
ลงทะเบียนเมื่อ: 04/06/2020 10:05 am

Re: ต้องการปรับพื้นที่ช่องตาราง

โพสต์ที่ยังไม่ได้อ่าน โดย MBMoo »

ให้แยกตารางแต่ละบันทัดและกำหนด colgroup ใหม่

โค้ด: เลือกทั้งหมด

<colgroup>
      <col width="500"/>
      <col width="150"/>
      <col width="150"/>
</colgroup>
ภาพประจำตัวสมาชิก
chakirin.bfds
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 783
ลงทะเบียนเมื่อ: 22/12/2020 10:19 am

Re: ต้องการปรับพื้นที่ช่องตาราง

โพสต์ที่ยังไม่ได้อ่าน โดย chakirin.bfds »

bolue เขียน: 23/03/2021 10:26 am ให้แยกตารางแต่ละบันทัดและกำหนด colgroup ใหม่

โค้ด: เลือกทั้งหมด

<colgroup>
      <col width="500"/>
      <col width="150"/>
      <col width="150"/>
</colgroup>
ได้เเล้วครับ ขอบคุณครับ
ตอบกลับโพส

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 65