모달 테이블 행에 문제가 발생했습니다.

모달이 반응이 좋지만 행은 스크롤 막대를 사용하거나 모달에서 오버 플로우됩니다. 나는 그 (것)들을 반응이 있도록 얻지 않으며 몇 가지 방법을 시도했지만 모달에 데이터 테이블을 만들 필요가 있는지 아니면 그냥 그대로 둘 수 있는지 확실하지 않습니다. 나는 DT와 내부없이 말한 것처럼 몇 가지 방법을 시도했다. 이 넘칠 경우,모달 테이블 행에 문제가 발생했습니다.

<div id="dialog-confirm" class="modal fade" tabindex="-1" role="dialog" title="Cancelled Items" aria-labelledby="dialog-confirmLabel"> 
      <div class="modal-dialog modal-lg modal-sm" role="document" style="overflow:hidden;"> 
       <div class="modal-content"> 
        <div class="modal-header"> 
         <button type="button" class="btn-close close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
        </div> 
        <div class="modal-body"> 
         <div class="row "> 
          <div class="col-sm-12"> 
           <table id="example" class="table table-striped"> 
            <thead> 
             <tr>

출처

2016-11-01 user1566783

당신이 클래스 테이블 응답하여 테이블 반응 만드는 시도

감사합니다? http://www.w3schools.com/bootstrap/bootstrap_ref_css_tables.asp –

가장 쉬운 옵션처럼 보였으므로 처음 시도했습니다. 아무 것도하지 않았습니다. – user1566783

모달이 얼마나 작아도 테이블의 전체 너비를보고 싶습니까? 부트 스트랩에 따르면, '테이블 응답 형'은 테이블을 '작은 장치 (768px 미만)에서 가로로 스크롤 할 수 있습니다.'라고 생각하지 않습니다.이 옵션은 기본적으로 '모달 -SM'과 동일하다고 생각합니다. 300px로 설정합니다. http://codepen.io/yongchuc/pen/GjVeZr –

데이터 테이블은 그래서에 스타일을 제공

<div class="modal body">

에 남아 :

<div class="modal body" style="overflow:hidden">

또한 당신이 할 수

<div class="row " style="overflow:hidden"> 
    <div class="col-sm-12" style="overflow:hidden">

경우와 그때 스크롤을 원한다면,

overflow-x:scroll 
    overflow-y:scroll

도움이된다면 시도

출처

2016-11-02 18:32:10 abcool

여전히 이와 동일한 결과를 얻고 있습니다. 행은 주 데이터 테이블처럼 축소하는 대신 잘려나갑니다. – user1566783

스냅 샷을 넣을 수 있습니까? 또한 class = "table table-striped"오버플로 : 숨김. else (오버플로 : 스크롤) :-) – abcool

모달 테이블 행에 문제가 발생했습니다.

답변

관련 문제