I work on asp.net mvc app I face issue I can't add text input filter on top of every column to filter 

with another meaning i have datatable have 3 columns RequestNo and EmpId and EmpName 

so I will add 3 input box filter for 3 column every column from requestNo and EmpId and EmpName

so shap will be 

input text box    input text box  input text box

RequestNo       EmpId             EmpName

every input text box will filter column related to it 

so Please How to do it using jquery or java script ?   

 

 

my code as below :

  
            @foreach (var item in Model)
            {
                
            }
        
@Html.DisplayNameFor(model => model.RequestNo) @Html.DisplayNameFor(model => model.EmpID).ToString().Replace(":", "") @Html.DisplayNameFor(model => model.EmpName).ToString().Replace(":", "") View Form
@Html.DisplayFor(modelItem => item.RequestNo) @Html.DisplayFor(modelItem => item.EmpID) @Html.DisplayFor(modelItem => item.EmpName) @Html.ActionLink("View Form", "Details", new { id = item.RequestNo })