JQuery डेटाटेबल छुपा बूटस्ट्रैप ड्रॉपडाउन

Question

मैं एक समस्या में भाग रहा हूं जो बूटस्ट्रैप ड्रॉपडाउन छुपा रहा है जब jquery डेटाटेबल की scrollX प्रॉपर्टी सत्य पर सेट है। नीचे स्क्रीनशॉट देखें। स्क्रॉलएक्स को सही होने पर सेट करते समय कोई भी विचार इसे कैसे ठीक किया जाए?

dataTable = $('#table').DataTable({ 
     "scrollX" : true 
}) 

<div class="dropdown"> 
    <button data-toggle="dropdown" class="btn btn-default dropdown-toggle" aria-haspopup="true" aria-expanded="false">Action <span class="caret"></span></button> 

    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> 
      <li><a href="">Edit</a></li> 
      <li><a href="">Delete</a></li> 
      <li class="divider"></li> 
      <li><a href="">Separated link</a></li> 

    </ul> 

उदाहरण: जब scrollX = false

बूटस्ट्रैप लटकती छिपा http://jsfiddle.net/dhL40g04/

बूटस्ट्रैप लटकती दिखाई जाती है जब scrollX = सच

Answer 1

#table .dropdown-menu { 
    position: relative; 
    float: none; 
    width: 160px; 
} 

Demo

आप मेनू तालिका का आकार बदलने के बिना काम करना चाहते हैं, तो आप तालिका के बाहर उसके लिए मार्कअप को ले जाना होगा। आप एक ही स्थान प्राप्त करने के लिए पूर्ण स्थिति का उपयोग कर सकते हैं।