2016-11-01 32 views
1

我的模態響應得很好,但是我的行或者使用滾動條或者它們溢出了模態。我不能讓他們響應,我已經嘗試了幾種方法,但只是不確定是否需要將我的表格放在我的模態數據表中,或者我可以保留它。我已經嘗試了一些方法,就像我用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> 
+0

你試圖讓你的桌子響應與類表響應? http://www.w3schools.com/bootstrap/bootstrap_ref_css_tables.asp –

+0

是的,這是我第一次嘗試,因爲它似乎是最簡單的選擇,它什麼也沒做。 – user1566783

+0

無論模態有多小,您都希望查看錶的整個寬度?根據Bootstrap的說法,根據Bootstrap的說法,我認爲這是不可能的,「表格響應式」使得表格在小設備上水平滾動(低於768px)。「我認爲這對於默認情況下的modal-sm是一樣的設置爲300px。 http://codepen.io/yongchuc/pen/GjVeZr –

回答

0

您的數據表將保持在

<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 

嘗試,如果有幫助,

感謝

+0

這樣的結果仍然得到同樣的結果。行正在切斷,而不是像主數據表一樣崩潰。 – user1566783

+0

你可以把它的快照?還有class =「table table-striped」做溢出:隱藏。其他(溢出:滾動)希望最好的:-) – abcool