Share code tạo bảng trên blogspot siêu đẹp

Share code tạo bảng trên blogspot siêu đẹp

Hello! Lại là 1 chuyên mục share code tiếp đây. Anh em đã bao giờ thử làm bảng thống kê trên blogspot chưa? Chắc hẳn nhiều người ở đây là chưa bao giờ. Hoặc có làm cũng chỉ làm từ ảnh rồi dán lên đây thôi. Nay mình quyết định share cho anh em code tạo bảng thống kê siêu đạp dành cho anh em nào làm blog cần tạo bảo để sắp xếp chi tiết bố cục bài đăng dễ dàng. Để ủng hộ mình, mọi người nhớ chia sẻ và bình luận bài viết này cho mình nhé!

Share code tạo bảng trên blogspot siêu đẹp
Share code tạo bảng trên blogspot siêu đẹp

Share code tạo bảng trên blogspot siêu đẹp

Dưới đây là code tạo bảng trên blogspot siêu đẹp, các bạn chỉ cần copy vào bất cứ đâu trong mã nguồn trang web là được


  <div class="post-table">

<table>

    <thead>

<tr>

        <th>Cột 1</th>

        <th>Cột 2</th>

        <th>Cột 3</th>

      </tr>

</thead>

    <tbody>

<tr>

        <td data-label="Cột 1">Dòng 1.0</td>

        <td data-label="Cột 2">Dòng 1.1</td>

        <td data-label="Cột 3">Dòng 1.2</td>

      </tr>

<tr>

        <td data-label="Cột 1">Dòng 2.0</td>

        <td data-label="Cột 2">Dòng 2.1</td>

        <td data-label="Cột 3">Dòng 2.2</td>

      </tr>

<tr>

        <td data-label="Cột 1">Dòng 3.0</td>

        <td data-label="Cột 2">Dòng 3.1</td>

        <td data-label="Cột 3">Dòng 3.2</td>

      </tr>

<tr>

        <td data-label="Cột 1">Dòng 4.0</td>

        <td data-label="Cột 2">Dòng 4.1</td>

         <td data-label="Cột 3">Dòng 4.2</td>

      </tr>

</tbody>

</table>

</div>

Lời kết

Trên đây là mình Share code tạo bảng trên blogspot siêu đẹp. Chúc các bạn một ngày học tập và làm việc thật hiệu quả. Xin chào và hẹn gặp lại!

Copyright © Trick Pro

Content Creator, Graphic Designer, UI / UX Designer