JSFiddle - React, Tailwind, and code Playground

by LijoCheeran

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/start/jquery-ui.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqgrid/4.6.0/css/ui.jqgrid.css">
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqgrid/4.6.0/js/jquery.jqGrid.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqgrid/4.6.0/js/i18n/grid.locale-en.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<body>
<br />

<div class="ui-jqgrid-titlebar ui-jqgrid-caption ui-widget-header ui-corner-top ui-helper-clearfix">
    <span class="ui-jqgrid-title">
        Caption
        <div style="float:right; padding-right:20px;">
            <input type="text" class="form-control" id="filter" placeholder="Search" style="width:250px;">
        </div>
    </span>
</div>

<br />
<br />

<div class="ui-jqgrid-titlebar ui-jqgrid-caption ui-widget-header ui-corner-top ui-helper-clearfix">
    <span class="ui-jqgrid-title"> 
    Caption
    <div style="float:right;  border:2px solid red;">
        <div class="form-group has-warning">
        <div class="input-group" >
            <span class="input-group-addon glyphicon glyphicon-search"></span>
            <input type="text" class="form-control" id="filter" placeholder="Search" style="width:250px;">
         </div>
        </div>
      </div>
    </span>
</div>




 

</body>