How can I pass data table to the webgrid in MVC 5

See more:

Javascript

SQL-Server

HTML

C#6.0

I a trying to pass data table values to the webgrid in view, but browser shows an exception like,
The model item passed into the dictionary is of type 'System.Collections.Generic.List`1[System.String]', but this dictionary requires a model item of type 'System.Collections.Generic.IEnumerable`1[NewAuthentication.Models.DataModel]'.

What I have tried:

my view code is...

@model IEnumerable<newauthentication.models.datamodel>

@{
ViewBag.Title = "myprof";
Layout = "~/Views/Shared/UserMaster.cshtml";
WebGrid grid = new WebGrid(Model);
}

myprof

@grid.GetHtml( columns:new[] { grid.Column("Firstname"),
grid.Column("Gender")
})

and server side code is below...

SqlConnection con = new SqlConnection("Data Source=JAGDISH;Database=Hmarasmaj;Integrated Security=SSPI");
SqlDataAdapter da = new SqlDataAdapter("Select * from Usercredentials where id="+1+"",con);
DataTable dt = new DataTable();
da.Fill(dt);
DataModel dm = new DataModel();
int count = dt.Rows.Count;
List<string> list = new List<string>();

    list.Add(dt.Rows[0]["Firstname"].ToString());
list.Add(dt.Rows[0]["Gender"].ToString());
return View(list);