OnDemandGrid displays an overlapped row.

MuralidharMoka

I am Trying to display data in a Grid using "OnDemandGrid". I am using Webappbuilder 2.10.

The data displays perfectly. but the first row  overlaps with the header. How do I fix this.

 

Here is the code.

Also attached all the code.

Widget.js

define(['dojo/_base/declare',
    'jimu/BaseWidget',
    'dojo/_base/lang',
    'dojo/Deferred',
    'dgrid1/OnDemandList',
    'dgrid1/OnDemandGrid',
    'dgrid1/Grid',
    'dgrid1/Selection',
    "dojo/store/Memory",
    'dstore/RequestMemory',
    "dgrid1/extensions/ColumnHider",
    "dstore/legacy/StoreAdapter"
  ],
  function(declare,
           BaseWidget,
           lang,
           Deferred,
           OnDemandList,
           OnDemandGrid,
           Grid,
           Selection,
           Memory,
           RequestMemory,
           ColumnHider,
           StoreAdapter) {
    //To create a widget, you need to derive from BaseWidget.
    return declare([BaseWidget], {

      baseClass