c# - 显示带有背景颜色的百分比条 ASP.Net RowDataBound

Question

我有一个 Asp.net Gridview，其中最后一列是我的总数，第 2-x 列是我的数字。

我想显示一个显示百分比的条形图

使用找到的示例 Displaying percentage bar with background color我想修改它以在 RowDataBound 上工作

首先我创建了一个获取样式的方法

 private string colPercent(long Total, long count)
    {
        var y = decimal.Parse(Total.ToString()) / count;
        decimal percent =Math.Round(y,2 );

        string _return = $"height:30px; background: -webkit - linear - gradient(left, #efe3af {percent}%,#ffffff {percent}%);";
        _return+= $"background: -moz - linear - gradient(left, #efe3af {percent}%, #ffffff {percent}%);";
        _return += $"background: -ms - linear - gradient(left, #efe3af {percent}%,#ffffff {percent}%)";
        _return += $"background: -o - linear - gradient(left, #efe3af {percent}%,#ffffff {percent}%);";
        _return += $" background: linear - gradient(to right, #efe3af {percent}%,#ffffff {percent}%);";

        return _return;
    }

接下来在 RowDataBind 上循环列

     if (e.Row.RowType == DataControlRowType.DataRow)
    {

      for (int i = colstart; i < e.Row.Cells.Count; i++)
     {
     e.Row.Cells[i].Attributes.Add("Style", colPercent(long.Parse(e.Row.Cells   [e.Row.Cells.Count -1 ].Text), long.Parse(e.Row.Cells[i].Text)));

      }
    }

似乎什么都没有改变。有什么问题吗？

Answer 1

答案是先去掉样式中的间距。然后 VS 重新格式化它

   e.Row.Cells[i].Attributes.CssStyle.Value = colPercent(long.Parse(e.Row.Cells[e.Row.Cells.Count - 1].Text), long.Parse(e.Row.Cells[i].Text));