该列

时间:2018-06-03 11:52:01

标签: javascript html css laravel

这是我的问题。我的列溢出来了,我看不到它。 我知道有些列有很多数据。 如何为此编辑HTML或CSS?这个网络我是由Laravel框架编写的。

Column is overflowed

这是我的源代码,请查看。我正在使用bootstrap。

<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>

0 个答案:

没有答案