JSFiddle - React, Tailwind, and code Playground

by Kalu Singh Rao

JavaScript

<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0"
    xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:asp="remove">

  <xsl:template match="/">
    <div class="col-md-12 col-sm-12 col-xs-12 grid-view">
      <!--<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
      </telerik:RadAjaxLoadingPanel>-->
      <div class="table-responsive set_add_button">
        <asp:GridView ID="AspGrid" CssClass="table table-striped jambo_table bulk_action grid-text-align" 
         runat="server" Gridlines="None" AutoGenerateColumns="False" ClientIDMode="Static">
        <!--<ClientSettings AllowDragToGroup="True"/>-->
        <!--<PagerStyle Mode="NumericPages"  />-->
        <!--<GroupingSettings ShowUnGroupButton="true"></GroupingSettings>-->
        <!--<MasterTableView TableLayout="Fixed" GroupLoadMode="Client">-->

        <Columns>
          <xsl:for-each select="/columns/column">

              <xsl:if test="@Type='BoundColumn'">
              <xsl:element name="asp:BoundField">
                <xsl:attribute name="HeaderStyle-BorderStyle">
                  <xsl:text>Dotted</xsl:text>
                </xsl:attribute>
                <xsl:attribute name="HeaderStyle-VerticalAlign">
                  <xsl:text>Middle</xsl:text>
                </xsl:attribute>
                <xsl:attribute name="AccessibleHeaderText">
                  <xsl:value-of select="@UniqueName"/>
                </xsl:attribute>
                <xsl:attribute name="HeaderText">
                  <xsl:value-of select="@HeaderText"/>
                </xsl:attribute>
                <xsl:attribute name="DataField">
                  <xsl:value-of select="@DataField"/>
                </xsl:attribute>
                <xsl:element name="HeaderStyle">
                  <xsl:attribute name="Width">
                    <xsl:value-of select="@Width"/>
                  </xsl:attribute>
                </xsl:element>
              </xsl:element>
           ...