javascript - Making a truly destop like table grid (how to show enough empty rows to fill the height of table grid) -


I'm really worried about the beauty aspect of my web app and this is why I was asking such a silly question I am Excuse me in advance if you think that this is not such a big deal

I am creating desktop like web app and using the jqGrid awesome plugin to show some tabular data. In desktop applications like iTunes, the table has enough blank rows to fill its dimensions. I mean if you set the table grid up to 500px in the hay and it has only one line then the table (zebra) will continue at the end of the page. It's something I need to do, but just use javascript or CSS Can not be taxed.

My first thought was that the image of the background was made in the table, which is a copy of empty rows but there are two problems for this method. First of all, this will not work if the user zooms and makes the text bigger and second, I am showing some borders between those columns which are available that make it impossible to repeat in the background image.

Has anyone ever tried to create such a table grid? Any idea how to do this?

What I'll do is just create a table container with a specific height; Give it a vertical-tiled background; Set overflow to scroll / auto ; And then put the dynamic size table inside it.

Edit: Sorry, I have not read your question carefully. Looking at your other requirements, I will just use Javascript It should not be difficult to set the minimum rows in your table, although I am not a family with jqgrid.

The second option is to use only 2 tables - one for the top, one for the top, one below for the empty rows. Each row is added to the top row, one is removed from the table below, and vice versa. You will also need to capture column-size incidents of the top table, as well as change the size of the table in the table below. But it is very beautiful.


Comments

Post a Comment

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

I'm having trouble overriding a ModelForm save method. I get this error I'm: Exception type: TypeErier Exception Value: Save () found an unexpected keyword argument 'committed' My intentions include a form 3 fields Submit several values ​​for, then create an object for each combination of those areas, and to save each object file models.py class collarsult type (models.Model): id = model. AutoField (db_column = 'icontact_result_code_type_id', primary_key = true) callResult = models.ForeignKey ( 'CallResult', db_column = 'icontact_result_code_id') campaign = models.ForeignKey ( 'campaign', db_column = 'icampaign_id') CALLTYPE = models.ForeignKey ( 'CALLTYPE', db_column = 'icall_type_id') agent = models.BooleanField (db_column = 'bagent', default = true) teamLeader = models.BooleanField (db_column = 'bTeamLeader', default = true) active = models.BooleanField (db_column = Django.form...
Read more

html - CSS autoheight, but fit content to height of div -

I have a div in which there are three children- div in the left and middle div: float: left while true: float: true because it is my layout Actually will spoil, I've used ClearFix Hack: .cf {zoom: 1; }. Cf: First,. Cf: {content: ""; Display: Table; }. Cf: After {clear: both; } It still works, but I want to be the right div an indicator. So it should fill 100% of the parent unit of height. How can I complete this? PS is the full code: & Lt; / Div & gt; & Lt; Div class = "mobile_content" & gt; & Lt; H5 & gt; {{Data.titel}} & lt; / H5> & Lt; Table & gt; & Lt; TR & gt; & Lt; Th & gt; Komponist: & lt; / Th & gt; & Lt; TD & gt; {{Data.komponist}} & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Th & gt; Instrument: & lt; / Th & gt; & Lt; TD & gt; {{Data.instrumente}} & lt; / TD & gt; & Lt; / TR & gt;...
Read more

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -

I have been trying to use Qt5 multimedia to record audio with QAudioInput, however, when I see If QAudioInput is started, it increases the master volume of my sound device to 100%. How can I prevent QAudioInput from changing the master volume? My current development platform is Linux with PalsAdio (with flat audio disabled). How can I use QAudioInput : QAudioDeviceInfo device_info = QAudioDeviceInfo :: defaultInputDevice (); QAudio format format; Format.setSampleRate (44100); Format.setChannelCount (1); Format.setSampleSize (16); Format.setCodec ("Audio / PCM"); Format.setSampleType (QAudioFormat :: SignedInt); Format.setByteOrder (QAudioFormat :: LittleEndian); Std :: cout & lt; & Lt; Device_info.deviceName (). ToUtf8 (). ConstData () & lt; & Lt; Std :: endl; QAudioInput * default_device = new QAudioInput (device_info, format); QIODevice * default_io_device = default_device-> Start (); a QAudioInput.setVolume () method is not you I ...
Read more