1 Востаннє редагувалося cheappi386 (06.11.2020 16:54:31)

Тема: Як динамічно згенерети редагуєму таблицю з використанням bootstrap?

Щоб виглядало файно. Якщьо не вистачає розміру комірки  воно розтягує вертикально, а мені потрібно по горизонталі. Якщьо додати text-nowrap то виходить якесь місиво(((

[StructLayout(LayoutKind.Sequential, Pack = 1)]
    [Serializable]
    public struct levelDATA
    {
        public ushort mmLVL { get; set; }
        public float lVolume { get; set; }
    }
    public class TableGenerator
    {
        string table = "";
        private void Build(levelDATA[] values, int columnCount)
        {
            int elementsCount = values.Length;
            int perColumn = elementsCount / columnCount;//rowcount
            table = table + "<table class=\"table table-bordered text-nowrap table-info\">";
            table = table + "<thead><tr>";
            for (int i=0;i< columnCount;i++)
            {
                table = table + "<th scope=\"col\">"+ 
                    (perColumn*i + 1).ToString() +"=>" + (perColumn * (i + 1)).ToString()
                    + " (мм)</th>";
            }
            table = table + "</tr></thead><tbody class=\"text-nowrap\">";
            string row = "";
            for(int i=0;i< perColumn; i++)
            {
                row = "<tr>";
                for(int j=0;j<columnCount;j++)
                {
                    row = row + "<td><span>"+ values[i + j* perColumn].mmLVL.ToString() + ":</span>"+
                        "<input type=\"number\" style=\" width:100%;\" value=\"" + values[i + j* perColumn].lVolume.ToString().Replace(',','.')+ "\""+"" +
                        "id=\"inp"+ values[i + j * perColumn].mmLVL.ToString() + "\"/></td>";
                }
                row = row+"</tr>";
                table = table + row;
            }
            table = table + "</tbody></table>";
        }
        public TableGenerator(levelDATA[] values, int columnCount)
        {
            Build(values, columnCount);
        }
        public string GetContent()
        {
            return table;
        }
    }

чи можливо в когось є альтернативні ідеї, як проглядати та редагувати великий індексований масив ?