本文介绍了如何使用表格在一行上显示多个图像?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我这样做是为了逐行显示多个图像,但是图像一直显示在同一行上。 页面应该以这种格式显示图像:
I did this to display multiple images row wise, but the image keeps displaying on the same row. The page should show images in this format:
---------------------------------------- | | | | | | | Image 1 | Image 2 | | | | | | | ---------------------------------------- ---------------------------------------- | | | | | | | Image 3 | Image 4 | | | | | | | ----------------------------------------我这样做了 但缺乏上述观点。
I did this but lacking above view.
TableRow tRow = new TableRow(); for (int i = 0; i < sqlDt.Rows.Count; i++) { TableCell tCell = new TableCell(); Image myImg = new Image { ImageUrl = sqlDt.Rows[i]["MyImagePath"].ToString(), AlternateText = sqlDt.Rows[i]["Name"].ToString(), Width = 100, Height = 100 }; tCell.Controls.Add(myImg); Label l = new Label { Text = "<br>" + sqlDt.Rows[i]["Name"].ToString(), }; l.Style.Add("font-weight", "bold"); l.Style.Add("text-align", "center"); tCell.Controls.Add(l); tRow.Cells.Add(tCell); } myTable.Rows.Add(tRow);怎么做到这一点?
How to achieve this?
推荐答案试试这个...我希望这对你有帮助 int count = 0; for(int i = 0; i< sqlDt.Rows.Count; i ++) { TableRow tRow = new TableRow(); TableCell tCell = new TableCell(); Image myImg =新图像 { ImageUrl = sqlDt.Rows [i] [MyImagePath]。ToString(), AlternateText = sqlDt。行[i] [名称] .ToString(), 宽度= 100, 高度= 100 }; tCell.Controls.Add(myImg); 标签l =新标签 { Text =+ sqlDt .Rows [i] [Name]。ToString(), }; l.Style.Add(font-weight,bold); l.Style.Add(text-align,center); tCell.Controls.Add(l); tRow.Cells.Add(tCell); count ++; if(count%2 == 0) { myTable.Rows.Add(tRow); } if(i == sqlDt.Rows.Count-1 && count%2!= 0) { myTable.Rows.Add(tRow); } } Try this.. I hope this is helpfull to you int count=0; for (int i = 0; i < sqlDt.Rows.Count; i++) { TableRow tRow = new TableRow(); TableCell tCell = new TableCell(); Image myImg = new Image { ImageUrl = sqlDt.Rows[i]["MyImagePath"].ToString(), AlternateText = sqlDt.Rows[i]["Name"].ToString(), Width = 100, Height = 100 }; tCell.Controls.Add(myImg); Label l = new Label { Text = "" + sqlDt.Rows[i]["Name"].ToString(), }; l.Style.Add("font-weight", "bold"); l.Style.Add("text-align", "center"); tCell.Controls.Add(l); tRow.Cells.Add(tCell); count++; if(count%2==0) { myTable.Rows.Add(tRow); } if(i==sqlDt.Rows.Count-1 && count%2!=0) { myTable.Rows.Add(tRow); } }
DataTable dt = GetDataFromDatabase(); var sb = new System.Text.StringBuilder(); sb.AppendLine(); sb.AppendLine("<table>"); int cellCount = 0; foreach (DataRow dr in dt.Rows) { cellCount = cellCount + 1; if (cellCount == 1) sb.AppendLine("<tr>"); string imagepath = dr["MyImagePath"] + ""; string name = dr["Name"] + ""; sb.AppendLine("<td style=\"font-weight: bold; text-align: center;\">"); sb.Append("<img src=\""); sb.Append(imagepath); sb.Append("\" style=\"height: 100px; width: 100px;\" alt=\""); sb.Append(name); sb.Append("\" /><br />"); sb.AppendLine(name); sb.AppendLine("</td>"); if (cellCount >= 2) { sb.AppendLine("</tr>"); cellCount = 0; } } if (cellCount == 1) sb.AppendLine("<td></td></tr>"); sb.AppendLine("</table>"); Form.Controls.Add(new LiteralControl(sb.ToString()));
更多推荐
如何使用表格在一行上显示多个图像?
发布评论