<?xml version="1.0" encoding="utf-8"?>
<FilterControl xmlns:mx="http://www.adobe.com/2006/mxml"
    xmlns="*" 
    layout="vertical" applicationComplete="init()">
    
    <mx:Style source="default.css"/>
    
    <mx:HBox width="100%">
        <mx:Label text="Filter:"/>
        <mx:TextInput id="keyword" width="100%"/>
        <mx:ComboBox id="cmbCol" dataProvider="{dpColumns}"/>
    </mx:HBox>
    <mx:HBox width="100%" horizontalAlign="right">
        <mx:Button label="Filter" id="btnFilter" click="filterResults()" width="150"/>
        <mx:Button label="Reset" click="resetFilter()" width="150"/>
    </mx:HBox>
    <mx:DataGrid width="100%" height="100%" dataProvider="{dpRows}" variableRowHeight="true">
        <mx:columns>
            <mx:DataGridColumn dataField="type" headerText="Type" width="80"/>
            <mx:DataGridColumn dataField="name" headerText="Name" width="180"/>
            <mx:DataGridColumn dataField="url" headerText="URL"/>
            <mx:DataGridColumn dataField="desc" headerText="Description"/>
            <mx:DataGridColumn dataField="tags" headerText="Tags" width="200"/>
        </mx:columns>
    </mx:DataGrid>
    
</FilterControl>