jQuery jqGrid 仅更改本页标题的字体大小

Question

在这个 jQuery & Coldfusion 代码中，您将如何仅更改标题的字体大小？我不想更新 CSS，所以它会更新标题每一页上的每个实例。只是此页面上的标题。

客户没有提供更多详细信息。

<link rel="stylesheet" type="text/css" href="<cfoutput>#application.url#/#application.directory#</cfoutput>/JS/jquery/ui1.12.1/jquery-ui.min.css" />
<link rel="stylesheet" type="text/css" href="<cfoutput>#application.url#/#application.directory#</cfoutput>/JS/jquery/external/jqGrid532/ui.jqgrid.css" />

<script src="<cfoutput>#application.url#/#application.directory#</cfoutput>/JS/jquery/jquery-3.2.1.min.js"> </script>
<script src="<cfoutput>#application.url#/#application.directory#</cfoutput>/JS/jquery/ui1.12.1/jquery-ui.min.js"></script>
<script src="<cfoutput>#application.url#/#application.directory#</cfoutput>/JS/jquery/jquery-migrate-1.4.1.js"></script>
<script src="<cfoutput>#application.url#/#application.directory#</cfoutput>/JS/jquery/external/jqGrid532/grid.locale-en.js"></script>
<script src="<cfoutput>#application.url#/#application.directory#</cfoutput>/JS/jquery/external/jqGrid532/jquery.jqGrid.min.js"></script>
<script src="<cfoutput>#application.url#/#application.directory#</cfoutput>/JS/jquery/external/validate/jquery.validate.js"></script>

<script>
    window.gridInfo = <cfoutput>#globalDataObj.getColumnInfo()#</cfoutput>;
    
    $(document).ready(function(){
        $("#data_grid_display").jqGrid({
            url:'<cfoutput>#application.url#/#application.directory#</cfoutput>/cfc/TheLoadsutil.cfc?method=getData',
            datatype: 'json',
            colModel: window.gridInfo.colModel,
            headertitles: true,
            sortable: false,
            pager: $('#Pager'),
            shrinkToFit: false,
            width: 1205,
            height: 400,
            rowNum: 100,
            rowList:[100, 150, 200, 250,500],
            sortorder: 'desc',
            sortname: 'TheLoadsID',
            viewrecords: true,
            caption: 'Loads',
            recordtext: '{0} - {1} of {2} Loads Records',
            pgtext: 'Page {0} / {1}',
            onSelectRow: function(id){},
            gridComplete: function(){
            },
            toolbar: [true, "top"],
            jsonReader: {
               root: "ROWS",
               page: "PAGE",
               total: "TOTAL",
               records: "RECORDS",
               cell: "",
               id: "1"}
            
        });

        //append the new button
        jQuery('#t_data_grid_display').append('<input type="button" value="New Record" title="Create a New Record" onclick="initializeEditModal(0,0);">');
        
    });//document ready 

    // -- grid column selector
    pickColumns = function () {
        $("#data_grid_display").jqGrid('columnChooser', {
        dialog_opts: {
            modal: true,
            minWidth: 470
            }
        }); 

      };
  </script>

Answer 1

@SOS 写的完全正确。

你的情况就是这一行

#gview_data_grid_display .ui-jqgrid-caption {
    font-size:  15px;
}

注意 gview_ 前缀

jQuery jqGrid 仅更改本页标题的字体大小

jQuery jqGrid Change The Font Size For Only The Caption On This Page

jquery

coldfusion

jqgrid