jqGrid क्षैतिज स्क्रॉलबार

Question

मैंने jQuery और jqGrid के साथ AJAX इंटरफ़ेस विकसित किया।

मैं अपने jqGrid तालिका से क्षैतिज स्क्रॉलबार को कैसे हटा सकता हूं?

http://dskarataev.ru/jqgrid.png

अगर मैं autowidth: true निर्धारित करते हैं, तो मैं स्तंभों की मेज = योग चौड़ाई की चौड़ाई मिलता है, लेकिन मैं मेज की चौड़ाई की जरूरत = आईडी के साथ माता पिता तत्व की चौड़ाई समारोह से वापस लौटे getSelectedTabHref()

तो मैं कर समारोह:

$('#tasks').jqGrid({ 
    datatype: 'local', 
    colNames:[labels['tasksNum'],labels['tasksAdded']+"/"+labels['tasksAccepted'],labels['tasksOperator'],labels['tasksClient'],labels['tasksManager'],labels['tasksDesc']], 
    colModel :[ 
    {name:'taskId', index:'taskId', width:1, align:'right'}, 
    {name:'taskAdded', index:'taskAdded', width:3}, 
    {name:'taskOperator', index:'taskOperator', width:4}, 
    {name:'taskClient', index:'taskClient', width:7}, 
    {name:'taskManager', index:'taskManager', width:4}, 
    {name:'taskDesc', index:'taskDesc', width:8}] 
}); 

:

$(window).bind('resize', function() { 
    $('#tasks').setGridWidth($(getSelectedTabHref()).width()); 
    $('#tasks').setGridHeight($(window).height()-190); 
}).trigger('resize'); 

और यहाँ मैं jqGrid तालिका कैसे बना है

Answer 1

सेटग्रिडविड्थ निश्चित रूप से दी गई नई चौड़ाई के लिए आपके ग्रिड का आकार बदल देगा, लेकिन सुनिश्चित करें कि आप इसे autowidth = true के साथ उपयोग करते हैं। सेटग्रिडविड्थ को आईई 7 या उससे भी ज्यादा समस्या हो सकती है।

यहाँ पर चर्चा की (मामले में यदि आप एक समाधान खोजने के लिए अभी तक कर रहे हैं) कुछ काम कर समाधान,

Resize jqGrid when browser is resized?

http://www.trirand.com/blog/?page_id=393/discussion/browser-resize-how-to-resize-jqgrid/

---- वर्ष ----

वहाँ कुछ विकल्प हैं जिन्हें आप आजमा सकते हैं,

http://www.trirand.com/jqgridwiki/doku.php?id=wiki:options

से

"autowidth" : true  

या

"shrinkToFit": false 

अन्यथा अपने jqgrid कोड पोस्ट, हमें विश्लेषण करते हैं।

Answer 2

ऐसी कुछ स्थितियां हैं जहां jqGrid ग्रिड चौड़ाई को ग़लत गणना करता है। आप cellLayout पैरामीटर बढ़ाने की कोशिश कर सकते हैं (http://www.trirand.com/jqgridwiki/doku.php?id=wiki:options देखें)। यदि आप jqGrid से कुछ सीएसएस बदलते हैं तो इसकी आवश्यकता हो सकती है।

कुछ अन्य परिस्थितियों में आप fixGridWidth या fixGridSize फ़ंक्शन के संबंध में चौड़ाई को सही कर सकते हैं जिसे मैंने Correctly calling setGridWidth on a jqGrid inside a jQueryUI Dialog में वर्णित किया है। मत भूलना, आपको इसे loadComplete के अंदर उपयोग करना चाहिए।

Answer 3

मैंने ui.grid.css को समायोजित किया क्योंकि मुझे क्षैतिज स्क्रॉलबार की आवश्यकता नहीं थी। मैंने किया यह:

.ui-jqgrid .ui-jqgrid-bdiv { 
    position: relative; 
    margin: 0em; 
    padding:0; 
    /*overflow: auto;*/ 
    overflow-x:hidden; 
    overflow-y:auto; 
    text-align:left; 
} 

टिप्पणी की है कि यह कैसे किया गया था, मैं सिर्फ इस्तेमाल किया ओवरफ़्लो- एक्स क्षैतिज स्क्रॉलबार को छिपाने के लिए और अब सब मेरे साथ ठीक है था।

Answer 4

सेट एक स्पष्ट width ग्रिड पर और प्रयोग

autowidth: false, 
shrinkToFit: true 

Answer 5

मैं jqgrid एपीआई विधि setGridHeight इस्तेमाल किया। यह आईई 8 में भी मेरे लिए ठीक काम करता है।

var gr = jq('#grid'); 
gr.setGridHeight(350,true); 

मैंने इस लाइन को 'loadComplete' फ़ंक्शन कॉल के तहत रखा है।

Answer 6

थोड़ी देर हो चुकी है, लेकिन अंत में किसी

आप केवल संख्या में मेज की ऊंचाई सेट करना होगा करने के लिए उपयोगी हो सकता है, 'पिक्सल' बिना

Answer 7

को AppearanceSettingsShrinkToFit="False" और AutoWidth="true" लागू करें अपने jqGrid।

Answer 8

ये हम चले width : '1083', shrinkToFit:false,

जब हम सेट ऊपर हम यकीन है कि हमारे ui.jqgird.css

.ui-jqgrid .ui-jqgrid-bdiv { height: auto; margin: 0em; max-height: 250px; overflow-x: auto; overflow-y: auto; padding: 0px; position: relative; text-align: left; } 

Answer 9

इसका सरल नीचे के रूप में स्थापित कर रहे हैं बनाने के लिए, jqgrid shrinkToFit: false