php - jqgrid テーブルの幅を広げる

Question

私は jqgrid が初めてで、jqgrid の幅を広げたいと考えています。列の幅を増やしましたが、グリッドの幅が増えません。私はphp jqgridを使用しています。

この関数を渡すパラメータはありますか:=

$grid->renderGrid('#grid','#pager',true, null, null, true,true);

またはどうすればこれを行うことができますか?

どうもありがとう。

Answer 1

あなたの質問は主に jqGrid の商用バージョンに関するものですが、私にはわかりません。主な問題は jqGrid にも存在します。jqGrid には、グリッド幅を定義するために使用できるwidthパラメータがあります。$grid->setGridOptionsオプションを定義するには、 を使用する (または既に使用している) 必要があると思います。追加で使用できる別のオプションは、グリッドの親のサイズに基づいて計算されautowidthた値を上書きすることです。width他の重要なオプションはあなたにとって重要です:shrinkToFitどのデフォルト値がtrue. widthこれは、列のプロパティがピクセル単位の正確な列幅として使用されないことを意味していました。その代わりに、widthプロパティは比率のみを定義するために使用されます列幅の間。一部の列の列幅を変更しない場合は、列の対応する定義のfixed: trueプロパティを含める必要があります。すべての列に正確な列幅colModelが必要な場合(の項目のプロパティで定義されているように)、jqGrid 設定を使用する必要があります。呼び出しに設定を含めてみてください。widthcolModelshrinkToFit: false$grid->setGridOptions

Answer 2

以下のphpコードを使用できます。

// Set grid with 1000px by php
$grid->setGridOptions(array("width"=>1000));

私は同じ問題を抱えていました.私のグリッドはデフォルトで650pxを取っていました. だから、私はいくつかのブログとウィキもチェックして、今では終わっています:)

自動グリッド幅を使用した完全なphpコードは次のとおりです。

<?php
require_once '../../../jq-config.php';
// include the jqGrid Class
require_once ABSPATH."php/jqGrid.php";
// include the driver class
require_once ABSPATH."php/jqGridPdo.php";
// Connection to the server
$conn = new PDO(DB_DSN,DB_USER,DB_PASSWORD);
// Tell the db that we use utf-8
$conn->query("SET NAMES utf8");

// Create the jqGrid instance
$grid = new jqGridRender($conn);
// SQL query
$sql = <<<SQL
SELECT *,
CASE total_correct_answer 
WHEN total_correct_answer=1 THEN 1
WHEN total_correct_answer=2 THEN 3 
ELSE 6 
END AS points
FROM 
(
SELECT COUNT(*) total_correct_answer, v.coupon_code_id, v.coupon_no, v.login_id, v.cc_match_id, v.name, v.contact_no, v.email, v.user_from
FROM (
SELECT p.login_id, ui.name, ui.contact_no,l.email,l.user_from,
p.quiz_id p_quiz_id,p.question_bank_id p_question_bank_id, p.answer_id p_answer_id, 
cc.quiz_id cc_quiz_id,cc.question_bank_id cc_question_bank_id, cc.answer_id cc_answer_id, 
cc.match_id cc_match_id, p.coupon_code_id, cd.coupon_no  
FROM prediction p
INNER JOIN correct_answer cc 
INNER JOIN `user_information` ui ON p.`login_id` = ui.`login_id` 
INNER JOIN coupon_code cd ON cd.coupon_code_id = p.coupon_code_id
INNER JOIN login l ON l.login_id = p.login_id
WHERE cc.quiz_id=p.quiz_id AND cc.question_bank_id=p.question_bank_id 
AND cc.answer_id=p.answer_id AND cc.match_id IN (SELECT match_id FROM `match` WHERE 
start_time BETWEEN DATE_ADD(NOW(), INTERVAL -7 DAY) AND NOW())
) v GROUP BY v.coupon_code_id ORDER BY v.login_id DESC 
) a 
SQL;
// Write the SQL Query
$grid->SelectCommand = $sql;
// Set output format to json
$grid->dataType = 'json';
// Let the grid create the model
$grid->setColModel();
// Set the url from where we obtain the data
$grid->setUrl('grid.php');
// Set alternate background using altRows property
$grid->setGridOptions(array( 
    "rowNum"=>10, 
    "sortable"=>true, 
    "rownumbers"=>true,
    "width"=>'auto',
    "altRows"=>true, 
    "multiselect"=>true, 
    "rowList"=>array(10,20,50), 
    )); 
// Change some property of the field(s) 
$grid->setColProperty("total_correct_answer", array("label"=>"Answer", "width"=>80));
$grid->setColProperty("coupon_code_id", array("label"=>"Coupon Code", "width"=>80));
$grid->setColProperty("coupon_no", array("label"=>"Coupon Number", "width"=>120));
$grid->setColProperty("login_id", array("label"=>"User ID", "width"=>80));
$grid->setColProperty("cc_match_id", array("label"=>"Match ID", "width"=>80));
$grid->setColProperty("name", array("label"=>"User Name", "width"=>120));
$grid->setColProperty("contact_no", array("label"=>"Contact No", "width"=>120));
$grid->setColProperty("email", array("label"=>"User Email", "width"=>120));
$grid->setColProperty("user_from", array("label"=>"User Mode", "width"=>120));
$grid->setColProperty("points", array("label"=>"User Points", "width"=>120));
// Enable navigator
$grid->navigator = true;
// Enable excel export
$grid->setNavOptions('navigator', array("excel"=>true,"add"=>false,"edit"=>false,"del"=>false,"view"=>false));
// Set different filename 
$grid->exportfile = 'Prediction_Report.xls'; 
// Enjoy
$grid->renderGrid('#grid','#pager',true, null, null, true,true);
$conn = null;
?>