jQWidgets Forums

jQuery UI Widgets › Forums › Grid › Copy the grid rows along with header

Tagged: , ,

This topic contains 1 reply, has 2 voices, and was last updated by  Martin 6 years, 4 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Copy the grid rows along with header Posts
  • January 30, 2019 at 7:40 am Copy the grid rows along with header #103755

    rajapandi1606
    Participant

    Hi Team,

    I have an requirement to copy the selected rows along with grid header in the grid. But its just copying only selected rows not headers.

    Code for your reference.

    
<HTML>
   <HEAD>
   </HEAD>
   <BODY>
      <div id="jqxgrid"></div>
   </BODY>
</HTML>
<script>
$(document).ready(function() {
    var data = generatedata(5);
    var source = {
      localdata: data,
      datafields: [{
        name: 'firstname',
        type: 'string'
      }, {
        name: 'lastname',
        type: 'string'
      }, {
        name: 'productname',
        type: 'string'
      }],
      datatype: "array"
    };
    
    var adapter = new $.jqx.dataAdapter(source);
    $("#jqxgrid").jqxGrid({
      width: 300,
      autoheight: true,
      theme: 'energyblue',
      height: 300,
      source: adapter,
      sortable: true,
      selectionmode: 'multiplecellsadvanced',
      enablebrowserselection: true,
      columns: [{
        text: 'First Name',
        datafield: 'firstname',
        width: 150
      }, {
        text: 'Last Name',
        datafield: 'lastname',
        width: 150
      }]
    });
});
</script>
    February 4, 2019 at 3:27 pm Copy the grid rows along with header #103835

    Martin
    Participant

    Hello rajapandi1606,

    Here is an Example with the functionality that you need.

    Best Regards,
    Martin

    jQWidgets Team
    http://www.jqwidgets.com/

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.