jqGrid dalam Chrome: Isu Lajur Terlalu Besar
jqGrid, pustaka JavaScript untuk paparan data, mempunyai isu pemaparan yang pelik apabila digunakan dengan Chrome atau Bingkai Chrome. Lajur terakhir grid melangkaui sempadan, memaksa bar skrol mendatar untuk muncul. Herotan ini berlaku tanpa mengira saiz grid.
Diagnosis dan Penyelesaian Masalah
Punca isu ini terletak pada ketidakpadanan antara pengiraan lebar tetapan dalaman jqGrid dan Chrome . Untuk menyelesaikannya, pengubahsuaian kepada kod jqGrid diperlukan.
Kemas Kini Penyelesaian
Pembetulan melibatkan pengemaskinian baris kod jqGrid berikut:
isSafari = $.browser.webkit || $.browser.safari ? true : false;
kepada:
isSafari = ($.browser.webkit || $.browser.safari) && parseFloat($.browser.version)<536.5 ? true : false; // Chrome < version 19
Dikemas kini Kod
Berikut ialah kod yang dikemas kini untuk semakan isSafari:
if (isSafari) { chromeVersion = parseFloat($.browser.version); // Later Chrome versions using WebKit will fall below the threshold if (chromeVersion<536.11) { // Chrome 20 uses 536.11 (Change as browsers change) isSafari = true; // Only early Chrome requires the correction } else { isSafari = false; } }
Menguji Pembaikan
Ujian merentas pelbagai pelayar (IE9, IE8, Chrome 18-23, Safari, Firefox, Opera) mengesahkan bahawa kod yang dikemas kini menyelesaikan isu tersebut. Grid kini dipaparkan dengan betul tanpa lebar yang berlebihan pada lajur terakhir.
Kredit dan Penambahbaikan
Pembetulan asal telah dicadangkan oleh trirand, pembangun jqGrid. Selepas itu, kod tersebut telah diperhalusi untuk menyertakan keserasian dengan versi Chrome terkemudian yang menggunakan versi WebKit yang lebih tinggi.
Dengan kod yang dikemas kini, pengguna boleh menggunakan jqGrid dengan lancar dalam Chrome dan Chrome Frame tanpa menghadapi isu lebar lajur yang bermasalah.
Atas ialah kandungan terperinci Mengapa Lajur Terakhir jqGrid Saya Melangkaui Grid dalam Chrome, dan Bagaimanakah Saya Boleh Membetulkannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!