UNPKG

jqwidgets-scripts-custom

Version:

jQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.

34 lines (32 loc) 2.34 kB
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title id='Description'> This example demonstrates the Auto Row Height functionality of jqxGrid. The new feature enables the React Grid Rows to automatically adjust their height depending on the cell values. In order to use the new functionality, you must set the Grid's "autoheight" and "autorowheight" properties to true. </title> <meta name="description" content="This React Grid demo showcases how to use the React Grid's auto-height functionality"/> <link rel="stylesheet" href="../../../jqwidgets/styles/jqx.base.css" type="text/css" /> <script type="text/javascript" src="../../../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../../../jqwidgets/jqxdata.js"></script> <script type="text/javascript" src="../../../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../../../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../../../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../../../jqwidgets/jqxgrid.js"></script> <script type="text/javascript" src="../../../jqwidgets/jqxgrid.selection.js"></script> <script type="text/javascript" src="../../../jqwidgets/jqxgrid.columnsresize.js"></script> <script type="text/javascript" src="../../../jqwidgets/jqxgrid.pager.js"></script> <script type="text/javascript" src="../../../jqwidgets/jqxpanel.js"></script> <script type="text/javascript" src="../../../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../../../jqwidgets/jqxdropdownlist.js"></script> <script type="text/javascript" src="../../../scripts/demos.js"></script> </head> <body> <div class="example-description" style="margin-bottom:3em"> This example demonstrates the Auto Row Height functionality of jqxGrid. The new feature enables the React Grid Rows to automatically adjust their height depending on the cell values. In order to use the new functionality, you must set the Grid's "autoheight" and "autorowheight" properties to true. </div> <div id="app"></div> <script src="../build/grid_autorowheight.bundle.js"></script> </body> </html>