Столбец переполнен в таблице - PullRequest
0 голосов
/ 03 июня 2018

Вот моя проблема.Мои столбцы переполнены, и я не могу видеть это.Я знаю, что в некоторых столбцах много данных.Как я могу редактировать HTML или CSS для этого?Этот веб-сайт я пишу с помощью фреймворка Laravel.

Column is overflowed

Вот мой исходный код, пожалуйста, просмотрите его.Для этого я использую бутстрап.

<div class="box" ng-controller="TinTucNewController">
            <div class="box-header">
               {{csrf_field()}}
              <h3 class="box-title">Danh Sách Tin Tức</h3> <br>
                    <button class="btn btn-new btn-xs btn-create">
                    <a href="{{route('them')}}"><span class="glyphicon glyphicon-plus"></span>"  Bấm vào đây để thêm dữ liệu"</a></button>

            </div>
            <div class="box-body">
              <table  id="example1" class="table table-bordered table-striped">
                <thead><tr>
                  <th>Mã Tin Tức</th>
                  <th>Thể Loại</th>
                  <th>Tiêu Đề</th>
                  <th>Tóm Tắt</th>
                  <th>Nội Dung</th>
                  <th>Hình Ảnh</th>
                  <th>Nổi Bật</th>
                  <th>Lượt Xem</th>
                  <th>Tạo mới</th>
                  <th>Cập nhật</th>
                  <th>Trạng thái</th>
                  <th>Công Cụ</th>
                </tr>
              </thead>
                 @foreach($ds_tt as $tt)
                <tbody><tr>
                  <td>{{$tt->tt_ma}}</td>
                  <td>{{$tt->tt_theLoai}}</td>
                  <td>{{$tt->tt_tieuDe}}</td>
                  <td>{{$tt->tt_tomTat}}</td>
                  <td>{{$tt->tt_noiDung}}</td>
                  <td>
                  <img width="80" height="50" src="{{asset('upload/tintucnew/'.$tt->tt_hinh)}}"/>
                  </td>
                  <td>
                    @if($tt->tt_noiBat == 0){{'Tin Thường'}}
                    @else
                    {{'Tin Hot'}}
                    @endif
                  </td>
                  <td>{{$tt->tt_luotXem}}</td>
                  <td>{{$tt->tt_taoMoi}}</td>
                  <td>{{$tt->tt_capNhat}}</td>
                  <td><?php echo ($tt->tt_trangThai==2)?'Khóa':'Khả dụng' ?></td>
                  <td>


                    <button class="btn btn-warning btn-xs btn-edit">
                    <a href="{{ route('tintucnew.edit',['Tintucnew' => $tt->tt_ma])}}"><span class="glyphicon glyphicon-pencil"></span></a></button>

                    <button class="btn btn-danger btn-xs btn-delete"
                    ng-click="confirmDelete({{$tt->tt_ma}})">{{ method_field("DELETE")}}
                       {{csrf_field()}}
                    <span class="glyphicon glyphicon-trash"></span></button>


                </td>
              </tr>
            </tbody>
                @endforeach
              </table>
            </div>

          </div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...