Javascript 表中的列溢出

这是我的问题。我的专栏已经满了，我看不见了。 我知道有些栏目有很多数据。 如何编辑HTML或CSS？这个网站是我用Laravel框架写的

这是我的源代码，请查看。我用的是引导程序

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

{{csrf_field（）}}
丹斯夏田ức

马丁特ứC
Thể 瞧ạ我
蒂尤什ề
托姆特ắT
Nộ我的粪便
HìnhẢ新罕布什尔州
Nổi BậT
Lượt Xem
Tạ嗯ớ我
Cậ新罕布什尔州ậT
Trạ吴泰伊
科特迪瓦ụ
@foreach（$ds_tt作为$tt）
{{$tt->tt_ma}
{{$tt->tt\u theLoai}
{{$tt->tt{}
{{$tt->tt_tomTat}
{{$tt->tt_noiDung}
tt_hinh）}}”/>
@如果（$tt->tt_noiBat==0）{{Tin Thường'}}
@否则
{{'Tin Hot'}
@恩迪夫
{{$tt->tt\u luotXem}
{{$tt->tt_taoMoi}
{{$tt->tt_capNhat}
{{method_field（“DELETE”）}
{{csrf_field（）}}
@endforeach

您是否使用bootstrap进行造型？如果我们看不到代码，您希望任何人如何提供帮助？谁知道，也许您是一个巨大的

标签，上面有一张溢出表格的图片。请添加复制。是的，我使用boostrapsorry，我编辑了@LazarLjubenović。我想不是。因为我在这个标签中有高度和宽度ant my columns的大小变小了，一些包含多个单词的列将被替换为“…”。您如何使用任何标记来进行此操作？我需要您的帮助。