<?xml version="1.0" encoding="us-ascii"?><InstanceReport xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"><Version>2.4.0.8</Version><ReportLongName>0016 - Disclosure - 8. STOCK BASED COMPENSATION (Tables)</ReportLongName><DisplayLabelColumn>true</DisplayLabelColumn><ShowElementNames>false</ShowElementNames><RoundingOption /><HasEmbeddedReports>false</HasEmbeddedReports><Columns><Column FlagID="0"><Id>1</Id><IsAbstractGroupTitle>false</IsAbstractGroupTitle><LabelSeparator>

</LabelSeparator><CurrencyCode /><FootnoteIndexer /><hasSegments>false</hasSegments><hasScenarios>false</hasScenarios><MCU><KeyName /><CurrencySymbol /><contextRef><ContextID>From2013-01-01to2013-06-30</ContextID><EntitySchema>http://www.sec.gov/CIK</EntitySchema><EntityValue>0001398702</EntityValue><PeriodDisplayName /><PeriodType>duration</PeriodType><PeriodStartDate>2013-01-01T00:00:00</PeriodStartDate><PeriodEndDate>2013-06-30T00:00:00</PeriodEndDate><Segments /><Scenarios /></contextRef><UPS /><CurrencyCode /><OriginalCurrencyCode /></MCU><CurrencySymbol /><Labels><Label Key="CalendarSupplement" Id="0" Label="6 Months Ended" /><Label Key="Calendar" Id="1" Label="Jun. 30, 2013" /></Labels></Column></Columns><Rows><Row FlagID="0"><Id>1</Id><IsAbstractGroupTitle>true</IsAbstractGroupTitle><LabelSeparator>

</LabelSeparator><Level>1</Level><ElementName>ECIG_StockBasedCompensationTablesAbstract</ElementName><ElementPrefix>ECIG_</ElementPrefix><IsBaseElement>false</IsBaseElement><BalanceType>na</BalanceType><PeriodType>duration</PeriodType><IsReportTitle>false</IsReportTitle><IsSegmentTitle>false</IsSegmentTitle><IsCalendarTitle>false</IsCalendarTitle><IsEquityPrevioslyReportedAsRow>false</IsEquityPrevioslyReportedAsRow><IsEquityAdjustmentRow>false</IsEquityAdjustmentRow><IsBeginningBalance>false</IsBeginningBalance><IsEndingBalance>false</IsEndingBalance><IsReverseSign>false</IsReverseSign><FootnoteIndexer /><Cells><Cell FlagID="0" ContextID="" UnitID=""><Id>1</Id><IsNumeric>false</IsNumeric><IsRatio>false</IsRatio><DisplayZeroAsNone>false</DisplayZeroAsNone><NumericAmount>0</NumericAmount><RoundedNumericAmount>0</RoundedNumericAmount><NonNumbericText /><FootnoteIndexer /><CurrencyCode /><CurrencySymbol /><IsIndependantCurrency>false</IsIndependantCurrency><ShowCurrencySymbol>false</ShowCurrencySymbol><DisplayDateInUSFormat>false</DisplayDateInUSFormat></Cell></Cells><ElementDataType>xbrli:stringItemType</ElementDataType><SimpleDataType>string</SimpleDataType><IsTotalLabel>false</IsTotalLabel><UnitID>0</UnitID><Label>Stock Based Compensation Tables</Label></Row><Row FlagID="0"><Id>2</Id><IsAbstractGroupTitle>false</IsAbstractGroupTitle><LabelSeparator>

</LabelSeparator><Level>2</Level><ElementName>us-gaap_ScheduleOfShareBasedCompensationActivityTableTextBlock</ElementName><ElementPrefix>us-gaap_</ElementPrefix><IsBaseElement>true</IsBaseElement><BalanceType>na</BalanceType><PeriodType>duration</PeriodType><IsReportTitle>false</IsReportTitle><IsSegmentTitle>false</IsSegmentTitle><IsCalendarTitle>false</IsCalendarTitle><IsEquityPrevioslyReportedAsRow>false</IsEquityPrevioslyReportedAsRow><IsEquityAdjustmentRow>false</IsEquityAdjustmentRow><IsBeginningBalance>false</IsBeginningBalance><IsEndingBalance>false</IsEndingBalance><IsReverseSign>false</IsReverseSign><FootnoteIndexer /><Cells><Cell FlagID="0" ContextID="From2013-01-01to2013-06-30" UnitID=""><Id>1</Id><IsNumeric>false</IsNumeric><IsRatio>false</IsRatio><DisplayZeroAsNone>false</DisplayZeroAsNone><NumericAmount>0</NumericAmount><RoundedNumericAmount>0</RoundedNumericAmount><NonNumbericText>&lt;p style="font: 10pt Times New Roman, Times, Serif; margin: 0; text-align: justify"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;Stock
option activity is as follows:&lt;/font&gt;&lt;/p&gt;

&lt;p style="font: 10pt Times New Roman, Times, Serif; margin: 0; text-indent: 0.5in"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/p&gt;

&lt;table cellspacing="0" cellpadding="0" style="font: 10pt Times New Roman, Times, Serif; width: 100%"&gt;
&lt;tr style="vertical-align: bottom"&gt;
    &lt;td style="padding-bottom: 1.5pt"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="padding-bottom: 1.5pt; font-size: 12pt"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td colspan="2" style="border-bottom: black 1.5pt solid"&gt;&lt;p style="font: 10pt Times New Roman, Times, Serif; margin: 0; text-indent: 0.5in"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/p&gt;
        &lt;p style="font: 8pt Times New Roman, Times, Serif; margin: 0; text-align: center"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&lt;b&gt;Number
        of Options&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap" style="padding-bottom: 1.5pt; font-size: 12pt"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="padding-bottom: 1.5pt; font-size: 12pt"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td colspan="2" style="border-bottom: black 1.5pt solid; font-size: 12pt; text-align: center"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&lt;b&gt;Weighted
    Average Exercise Price&lt;/b&gt;&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap" style="padding-bottom: 1.5pt; font-size: 12pt"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="padding-bottom: 1.5pt; font-size: 12pt"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td colspan="2" style="border-bottom: black 1.5pt solid; font-size: 12pt; text-align: center"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&lt;b&gt;Weighted
    Average Remaining Contractual Life&lt;/b&gt;&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap" style="padding-bottom: 1.5pt"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="vertical-align: bottom; background-color: #CCEEFF"&gt;
    &lt;td style="width: 67%"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;Outstanding, December 31, 2012&lt;/font&gt;&lt;/td&gt;
    &lt;td style="width: 1%; text-align: right"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="width: 1%"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="width: 8%; text-align: right"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;-&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap" style="width: 1%"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="width: 1%; text-align: right"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="width: 1%"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="width: 8%; text-align: right"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;-&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap" style="width: 1%"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="width: 1%; text-align: right"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="width: 1%"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="width: 8%; text-align: right"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;-&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap" style="width: 1%"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="vertical-align: bottom; background-color: white"&gt;
    &lt;td style="padding-bottom: 1.5pt"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;Granted June 25, 2013&lt;/font&gt;&lt;/td&gt;
    &lt;td style="padding-bottom: 1.5pt; text-align: right"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="border-bottom: black 1.5pt solid"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="border-bottom: black 1.5pt solid; text-align: right"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;6,200,000&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap" style="padding-bottom: 1.5pt"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="padding-bottom: 1.5pt; text-align: right"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;$&lt;/font&gt;&lt;/td&gt;
    &lt;td style="padding-bottom: 1.5pt; text-align: right"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;0.25&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap" style="padding-bottom: 1.5pt"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="padding-bottom: 1.5pt; text-align: right"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="padding-bottom: 1.5pt; text-align: right"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;5.0&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap" style="padding-bottom: 1.5pt"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="vertical-align: bottom; background-color: #CCEEFF"&gt;
    &lt;td style="padding-bottom: 3pt"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;Outstanding, June 30, 2013&lt;/font&gt;&lt;/td&gt;
    &lt;td style="padding-bottom: 3pt; text-align: right"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="border-bottom: black 2.25pt double"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="border-bottom: black 2.25pt double; text-align: right"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;6,200,000&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap" style="padding-bottom: 3pt"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="padding-bottom: 3pt; text-align: right"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;$&lt;/font&gt;&lt;/td&gt;
    &lt;td style="padding-bottom: 3pt; text-align: right"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;0.25&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap" style="padding-bottom: 3pt"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="padding-bottom: 3pt; text-align: right"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="padding-bottom: 3pt; text-align: right"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;5.0&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap" style="padding-bottom: 3pt"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="vertical-align: bottom; background-color: white"&gt;
    &lt;td&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="text-align: right"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="text-align: right"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="text-align: right"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="vertical-align: bottom; background-color: #CCEEFF"&gt;
    &lt;td style="padding-bottom: 3pt"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;Exercisable at June 30, 2013&lt;/font&gt;&lt;/td&gt;
    &lt;td style="padding-bottom: 3pt; text-align: right"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="border-bottom: black 2.25pt double"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="border-bottom: black 2.25pt double; text-align: right"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;200,000&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap" style="padding-bottom: 3pt"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="padding-bottom: 3pt; text-align: right"&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td&gt;&lt;font style="font: 8pt Times New Roman, Times, Serif"&gt;$&lt;/font&gt;&lt;/td&gt;
    &lt;td style="padding-bottom: 3pt; text-align: right"&gt;&lt;font style="font-size: 8pt"&gt;0.25&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap" style="padding-bottom: 3pt"&gt;&lt;font style="font-size: 8pt"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="padding-bottom: 3pt; text-align: right"&gt;&lt;font style="font-size: 8pt"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td&gt;&lt;font style="font-size: 8pt"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;
    &lt;td style="padding-bottom: 3pt; text-align: right"&gt;&lt;font style="font-size: 8pt"&gt;5.0&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap" style="padding-bottom: 3pt"&gt;&lt;font style="font-size: 8pt"&gt;&amp;#160;&lt;/font&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</NonNumbericText><FootnoteIndexer /><CurrencyCode /><CurrencySymbol /><IsIndependantCurrency>false</IsIndependantCurrency><ShowCurrencySymbol>false</ShowCurrencySymbol><DisplayDateInUSFormat>false</DisplayDateInUSFormat></Cell></Cells><ElementDataType>nonnum:textBlockItemType</ElementDataType><SimpleDataType>na</SimpleDataType><ElementDefenition>Tabular disclosure of share-based compensation plans that may be presented in a single table for outstanding, vested and expected to vest, and exercisable awards. The information that may be disclosed in this table may include, but is not limited to, number of shares, weighted average exercise price, weighted average remaining contractual life, and aggregate intrinsic value.</ElementDefenition><ElementReferences>No definition available.</ElementReferences><IsTotalLabel>false</IsTotalLabel><UnitID>0</UnitID><Label>Summary of stock option activity</Label></Row></Rows><Footnotes /><IsEquityReport>false</IsEquityReport><ReportName>8. STOCK BASED COMPENSATION (Tables)</ReportName><MonetaryRoundingLevel>UnKnown</MonetaryRoundingLevel><SharesRoundingLevel>UnKnown</SharesRoundingLevel><PerShareRoundingLevel>UnKnown</PerShareRoundingLevel><ExchangeRateRoundingLevel>UnKnown</ExchangeRateRoundingLevel><HasCustomUnits>true</HasCustomUnits><IsEmbedReport>false</IsEmbedReport><IsMultiCurrency>false</IsMultiCurrency><ReportType>Sheet</ReportType><RoleURI>http://tckn.com/role/StockBasedCompensationTables</RoleURI><NumberOfCols>1</NumberOfCols><NumberOfRows>2</NumberOfRows></InstanceReport>
